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

module.exports = merge(prodEnv, {

NODE_ENV: '"development"'

API_HOST:"//localhost:8080/api/"

})

module.exports = {

NODE_ENV: '"production"',

API_HOST:'""'

}

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

}

}

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

vue加跨域代理静态文件404_解决vue本地环境跨域请求正常,版本打包后跨域代理不起作用,请求不到数据的方法——针对vue2.0...相关推荐

  1. vue加跨域代理静态文件404_解决vue-router history模式和跨域代理 部署到IIS时404的一些问题...

    先解决history模式的问题: 在网站根目录中创建web.config文件,内容如下: //通配所有连接 //因为是单页面,所以将所有连接重定向到 "/",就是指向我们项目中的首 ...

  2. vue、cnpm不是内部文件_解决vue不是内部或者外部命令

    该问题出现后,遍寻解决方法,此时 node 版本 7.x.x ,npm 版本 3.x.x ,使用 npm i vue -g 和 npm i vue-cli -g 下载了好几次,版本为2.x.x 先说一 ...

  3. vue 加载页面时触发时间_解析Vue项目的四个方面优化

    在本篇文章里我们给大家整理了一篇关于优化VUE项目的四个总要点,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批评指正. 运行时优化 1.使用v-if代替v ...

  4. Vue学习笔记(2) 在html文件中创建Vue实例,并使用http-vue-loader注册单文件组件

    本篇博客基于Vue2.x 官方文档:https://cn.vuejs.org/v2/guide/instance.html 最近和同学合作一个设备信息管理的小项目,而同学找的模板不是前后端分离的 因此 ...

  5. vue进入页面执行的钩子函数_解决VUE mounted 钩子函数执行时 img 未加载导致页面布局的问题...

    项目需求:图片加载时,当鼠标滚动至当前图片进行加载并加上上滑特效,实现这个效果需要对文档文档滚动位置和图片的当前位置进行比较.但是mounted 钩子函数执行时img图片并未加载出来也就是占位为空,导 ...

  6. vue实例中调用外部js_js文件中引用vue实例对象

    原因 我使用了iView的框架,想要把表格的配置提取出来,但是表格里面的操作需要用到this,所以就需要在js文件中引用vue实例. 方法 utils - local-data.js // vue实例 ...

  7. vue 打开html流_三种方案解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题...

    index.html为什么打不开? Vue打包后生成的dist文件中的index.html,双击在浏览器中打开后发现一片空白,打开控制台有很多报错:"Failed to load resou ...

  8. vue加跨域代理静态文件404_vue-cli 设置跨域代理 线上地址报404

    vue-cli 设置跨域代理,本地正常访问,线上地址报404.这是什么原因? vue-cli中跨域代理设置: module.exports = { dev: { // Paths assetsSubD ...

  9. Vue加element Ui 实现下载文件和进度条展示。

    <template><el-progress :percentage="percentage"></el-progress><h1> ...

最新文章

  1. python 空指针_python 空指针
  2. 管道命令 (pipe)
  3. Python基础数据类型之set集合
  4. 理解MySQL——复制(Replication)
  5. JZOJ 5489. 【清华集训2017模拟11.28】海明距离
  6. collector list 多个分组_【S01E07】groupby方法、GroupBy对象、groupby方法的分组键
  7. Ubuntu系统初识-常用命令和软件安装
  8. android中sharedPreferences的用法
  9. 《C++ Primer》读书笔记—第六章 函数
  10. 017—mysql问答
  11. 数据结构与计算机网络参考书,2019计算机考研:数据结构参考书及复习重点
  12. 身份证地址码码表MySQL
  13. Centos7 虚拟机迁移及扩容
  14. 英雄联盟加载的时候特卡,排查记录:win10那些破玩意
  15. 当代计算机网络技术带来的影响,浅析当代网络技术
  16. 微信公众平台卡券API接口开发指南
  17. win7右下角的网络图标不显示
  18. linux检查网络是否通畅_Linux检测网络通畅命令
  19. 强化学习经典model-free方法总结
  20. 获取附近小区信息_怎么通过网上找到靠谱的租房信息?

热门文章

  1. PagingAndSortingRepository –如何与Thymeleaf一起使用
  2. 谷歌guava_Google Guava BloomFilter
  3. java三件套_Java开发人员应该知道的三件事
  4. eclipselink_EclipseLink MOXy作为JAXB提供者
  5. vaadin_5分钟内Google App Engine上的Vaadin App
  6. netbeans 源文件_具有NetBeans,WebLogic 12c,JPA和MySQL数据源的Arquillian
  7. Spring 3使用JUnit 4进行测试– ContextConfiguration和AbstractTransactionalJUnit4SpringContextTests...
  8. Java中不一致的操作会扩大规则
  9. 2015年Java 8强势开始
  10. 全部关于测试–第1部分