龙空技术网

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

亲亲双面人 169

前言:

目前朋友们对“vue跨域请求”大体比较关切,大家都想要学习一些“vue跨域请求”的相关文章。那么小编同时在网摘上搜集了一些有关“vue跨域请求””的相关资讯,希望大家能喜欢,各位老铁们快快来学习一下吧!

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

1、dev.env.js 进行配置

module.exports = merge(prodEnv, {

NODE_ENV: '"development"'

API_HOST:"//localhost:8080/api/"

})

2、prod.env.js进行配置

module.exports = {

NODE_ENV: '"production"',

API_HOST:'""'

}

3、main.js进行配置

let base = process.env.NODE_ENV === 'production' ?';:';;

Vue.prototype.baseURL = base;

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

axios.get(this.baseURL + '/api/graphql?', {

params: {

}

}

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

标签: #vue跨域请求