前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >解决vue本地环境跨域请求正常,版本打包后跨域代理不起作用,请求不到数据的方法

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

作者头像
双面人
发布2020-04-26 11:09:10
3.5K0
发布2020-04-26 11:09:10
举报
文章被收录于专栏:热爱IT热爱IT

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

1、dev.env.js 进行配置

代码语言:txt
复制
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进行配置

代码语言:javascript
复制
let base = process.env.NODE_ENV === 'production' ?'http://192.168.1.252:8080':'http://localhost:8080';
Vue.prototype.baseURL = base;

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

代码语言:javascript
复制
axios.get(this.baseURL + '/api/graphql?', {
params: {
}
}

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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档