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

问题:在本地使用了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: {

  }

}

 

 配置完成打包成功上传部署测试一波了!

原文地址:https://www.cnblogs.com/liu01321/p/13725482.html