Vue开发环境跨域访问问题


Posted in Javascript onJanuary 22, 2020

Vue开发环境跨域访问其他服务器或者本机其他端口,需要配置项目中config/index.js文件,修改如下

module.exports = {
 dev: {

  // Paths
  assetsSubDirectory: 'static',
  assetsPublicPath: '/',
  proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  },

其中主要是加入

proxyTable: {
   '/api':{
    target:'http://192.168.1.99:8080/',
    changeOrigin:true,
    pathRewrite:{
     '^/api':''
    }
   }
  }

这样你通过axios 或fetche访问  /api/** 便相当于跨域访问了 http://192.168.1.99:8080/

总结

以上所述是小编给大家介绍的Vue开发环境跨域访问问题,希望对大家有所帮助!

Javascript 相关文章推荐
js文字滚动停顿效果代码
Jun 28 Javascript
Jquery方式获取iframe页面中的 Dom元素
May 07 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
javascript实现下雪效果【实例代码】
May 03 Javascript
AngularJS实现根据变量改变动态加载模板的方法
Nov 04 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
ECMAscript 变量作用域总结概括
Aug 18 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
Aug 29 Javascript
基于iview的router常用控制方式
May 30 Javascript
Layui数据表格跳转到指定页的实现方法
Sep 05 Javascript
在Express中提供静态文件的实现方法
Oct 17 Javascript
vue如何使用rem适配
Feb 06 Vue.js
vue中英文切换实例代码
Jan 21 #Javascript
微信小程序点击view动态添加样式过程解析
Jan 21 #Javascript
微信小程序如何实现radio单选框单击打勾和取消
Jan 21 #Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 #Javascript
微信小程序swiper实现文字纵向轮播提示效果
Jan 21 #Javascript
jquery将信息遍历到界面上实例代码
Jan 21 #jQuery
微信浏览器下拉黑边解决方案 wScroollFix
Jan 21 #Javascript
You might like
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
基于preg_match_all采集后数据处理的一点心得笔记(编码转换和正则匹配)
2014/01/31 PHP
php实现的二分查找算法示例
2017/06/20 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
jquery中ajax学习笔记一
2011/10/16 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
JQuery实现图片轮播效果
2015/09/15 Javascript
基于jQuery实现响应式圆形图片轮播特效
2015/11/25 Javascript
JS简单模拟触发按钮点击功能的方法
2015/11/30 Javascript
用JS动态改变表单form里的action值属性的两种方法
2016/05/25 Javascript
JavaScript中的事件委托及好处
2016/07/12 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
2016/10/21 Javascript
Vue2.0实现购物车功能
2017/06/05 Javascript
浅谈Vue.js应用的四种AJAX请求数据模式
2017/08/30 Javascript
js 显示日期时间的实例(时间过一秒加1)
2017/10/25 Javascript
vue2.0 如何把子组件的数据传给父组件(推荐)
2018/01/15 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
jQuery实现仿京东防抖动菜单效果示例
2018/07/06 jQuery
js正则表达式校验指定字符串的方法
2018/07/23 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
详解vue中localStorage的使用方法
2018/11/22 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
layer弹出层取消遮罩的方法
2019/09/25 Javascript
js实现聊天对话框
2020/02/08 Javascript
详解Python的迭代器、生成器以及相关的itertools包
2015/04/02 Python
Python使用zip合并相邻列表项的方法示例
2018/03/17 Python
在Django admin中编辑ManyToManyField的实现方法
2019/08/09 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Python实现线性判别分析(LDA)的MATLAB方式
2019/12/09 Python
Python命令行参数argv和argparse该如何使用
2021/02/08 Python
HTML5 Canvas 实现圆形进度条并显示数字百分比效果示例
2017/08/18 HTML / CSS
2014春晚主持词
2014/03/25 职场文书
自主招生学校推荐信
2014/09/26 职场文书
2014年人事科工作总结
2014/11/19 职场文书
浅谈mysql哪些情况会导致索引失效
2021/11/20 MySQL