您的位置:首页 > Web前端 > Vue.js

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

2019-03-28 10:00 2663 查看

问题:在本地使用了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' ?'http://192.168.1.252:8080':'http://localhost:8080';

Vue.prototype.baseURL = base;

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

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

params: {

}

}

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

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: