JAVA和Nginx 教程大全

网站首页 > 精选教程 正文

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

wys521 2024-09-10 23:16:43 精选教程 29 ℃ 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: {

}

}

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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表