项目存在跨域情况,我们可以通过vue.config.js 中的 devServer.proxy 选项来配置
该配置在vue.config.js下
devServer: {
proxy: {
'/api': { // 已/api开头的
target: 'http:后端地址', // 后台接口域名
ws: true, // 如果要代理 websockets,配置这个参数
secure: false, // 如果是https接口,需要配置这个参数
changeOrigin: true, // 是否跨域
pathRewrite:{ // 可无需配置
'^/api':'' // 是否替换api 如 /api/new/business => /new/business
},
'headers': { // 头部信息,可无需添加
'Access-Control-Allow-origin': '*'
}
}
}
}
参考: https://www.jianshu.com/p/5ef2b17f9b25
vue-cli: https://cli.vuejs.org/zh/config/#devserver