Vue 跨域

前言

今天在写Vue项目的时候,需要配置axios跨域代理,之后在根目录下创建了 vue.config.js反复调试不生效,之后经过一顿排查后,发现问题所在

检查script脚本启动项

项目package.json 脚本配置项目是否为vue-cli-service serve

用 vue-cli-service serve 启动就会用 vue.config.js;

用 webpack-dev-server 启动就会用 wepback.config.js(默认)。


Wepback.config.dev.js中

proxy: config.dev.proxyTable,

点进去在config/index中有proxyTable

然后新增

"/api": {

        target: "http://www.cjnb.top",    //要代理访问的路径

        ws: false,// 是否启用websockets

        changeOrigin: true,//开启代理:在本地会创建一个虚拟服务端,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据的交互就不会有跨域问题

        pathRewrite: {

          "^/api": ""//这里理解成用'/api'代替target里面的地址,比如我要调用'http://192.168.0.45:8088/user/getuserlist',直接写'/api/user/getuserlist'即可

        }

      }

就能跨域了

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容