前言
今天在写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'即可
}
}
就能跨域了