解決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: {

　　}

}

 

 

 配置完成打包成功上傳部署測試一波了！