美文网首页
vue 项目在开发阶段如何解决跨域请求数据?

vue 项目在开发阶段如何解决跨域请求数据?

作者: 李小白呀 | 来源:发表于2021-03-05 22:03 被阅读0次

    使用 vue-cli-3.0 版本创建的项目解决跨域请求数据:
    第一步: 在项目根目录下创建 vue.config.js
    第二步: 在 vue.config.js 中添加如下配置节点

    module.exports = {
      // 开发服务器配置节点
      devServer:
      { 
        open:true,
        host: 'localhost',
        port: 8081,
        https: false,
        hotOnly: false,
        proxy: {   // 配置跨域
          '/api': {
            // 数据接口服务器地址
            target: 'http://localhost:5001/api/',
            ws: true,
            changOrigin: true,
            pathRewrite: {
              '^/api': ''
            }
          }
        }
      }
    

    相关文章

      网友评论

          本文标题:vue 项目在开发阶段如何解决跨域请求数据?

          本文链接:https://www.haomeiwen.com/subject/ztbdqltx.html