vue本地跨域问题(vue开发环境跨域)

导语：解决vue本地环境跨域请求正常，版本打包后跨域代理不起作用

问题：在本地使用了proxyTable代理可以正常跨域请求后台数据，打包上传后就无法获得后台的json文件。查看了相关资料可以用nginx进行解决。还可以使用命名环境变量，请求的时候进行判断，话不多说上干货

1、dev.env.js 进行配置

module.exports = merge(prodEnv, {

NODE_ENV: development&39;

API_HOST:

})

2、prod.env.js进行配置

module.exports = {

NODE_ENV: production&39;,

API_HOST:&39;

}

3、main.js进行配置

let base = process.env.NODE_ENV === &39; ?&39;:&39;;

Vue.prototype.baseURL = base;

4、配置完成进行请求 Header.vue

axios.get(this.baseURL + &39;, {

params: {

}

}

配置完成打包成功上传部署就可以访问后台的数据了！

免责声明:本站部份内容由优秀作者和原创用户编辑投稿，本站仅提供存储服务，不拥有所有权,不承担法律责任。若涉嫌侵权/违法的，请反馈，一经查实立刻删除内容。本文内容由快快网络小姿创作整理编辑！