vue跨域

比如 我要请求的地址是
https://edu.51cto.com/center/seckill/index/get-seckill-data

首先去
config ==> index.js
添加

proxyTable: {
// 路由接口代理配置
"/api": {
target: "https://edu.51cto.com", //这里是跨域请求的接口的域名
changeOrigin: true, //changeOrigin这个参数为true的时候会虚拟出一个服务端来接收请求，并且代发用户的这个请求，以此来解决跨域的问题
pathRewrite: {
"^/api": "" //这里是用'/api'来代替 target中的地址，
}
}
},

请回请求就这样写
原来是 axios.get("https://edu.51cto.com/center/seckill/index/get-seckill-data")

现在 axios.get("api/center/seckill/index/get-seckill-data")

此时配置好了之后，在重新启动
但是上线之后，这个跨域就会失效了

 

 

 

 

生产环境配置：prod.env.js

 这一种只可以在开发环境中有效，一旦部署在线上环境。

就会失效了。因为线上环境已经没有serve服务了。

之所以开发环境有效，是因为开发你开服务，帮你代理了。

实际开发中，跨域也应该是后端区处理