vue2 解决跨域

vue2.x 解决跨域 

 

通过devServer将接口代理到本地
在开发的时候，需要请求同局域网内的接口，发现直接使用http://对方的ip地址/接口路径，会出现类似下图的跨域报错

找到并打开vue.config.js文件，添加devServer 如下

 devServer:{
 　　　// 下面是接口的路径，我的接口 地址是http://ad.why.com/login
 　　　proxy:{
 　　　　'/api': {
 　　　　　　// 需要转发代理的域名
 　　　　　　target: 'http://ad.why.com',
 　　　　　　// 如果是https接口，需要配置这个参数
 　　　　　　secure: false,
 　　　　　　// 如果接口跨域，需要进行这个参数配置
 　　　　　　changeOrigin: true,
 　　　　　　// 这是一个通配符，设置完了之后每个接口都要在前面加上/api（特别注意这一点）
 　　　　　　athRewrite: {
 　　　　　　　　'^/api': '/api'
 　　　　　　}
 　　　　}　　
 　　}
 }