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

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

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

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 我的Vue不小心跨域了o(╥﹏╥)o 干它

    好久不见,今天想写的是前段时间碰到的一个小问题。其实故事背景是前端的同学跟我说他们前端请求不了我后端的数据,说是跨域了。

    Python进击者
  • vue项目搭建及基本配置

    准备阶段会将项目环境配置完毕,包含 node、 npm、 webpack和 vue-cli。已经完成的小伙伴可以跳过此步骤看第二阶段。

    流眸
  • 教你玩转Vue和Django的前后端分离

    今天中秋节,先祝大家节日愉快,不在父母身边的都打个电话关心一下吧,我们最容易忽略的人恰恰是最爱我们的父母。

    somenzz
  • 学艺不精,总是掉坑!前后端分离历险记

    Spring Boot + Vue 这一对技术栈目前看来可以说是非常的火热,关于 Spring Boot 松哥已经写过多篇教程,如:

    江南一点雨
  • DRF之项目搭建

      DRF,全称Django Restful Framework,是一个基于Django的Restful接口框架,是主要用来做API接口的,为前端提供数据的接口...

    py3study
  • 微服务[学成在线] day02:CMS前端开发

    由于在学习该项目的过程中发现了原讲义存在的一些问题,所以该笔记基于「学成在线」微服务项目 PDF 讲义进行编写,并且投入了时间去优化了笔记的格式、代码的高亮、重...

    LCyee
  • Mint UI入门系列教程

    今天具体说一说比较常用的;Mint UI框架的按钮组件,Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件...

    王小婷
  • 一篇文章带你了解axios网络交互-Vue

    什么是axios呢?了解,并去使用它,对于axios发送请求的两种方式有何了解,以及涉及axios跨域问题如何解决。

    达达前端
  • 关于跨域

    在使用Vue搭建的一个后端管理系统中,我使用axios请求本地的Node环境下的接口,但是请求失败,然后我错误信息是:

    九旬

扫码关注云+社区

领取腾讯云代金券