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 相关文章推荐
How to Auto Include a Javascript File
Feb 02 Javascript
javascript+dom树型菜单类,希望朋友们一起进步
May 03 Javascript
javascript 使td内容不换行不撑开
Nov 29 Javascript
加载远程图片时,经常因为缓存而得不到更新的解决方法(分享)
Jun 26 Javascript
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
JS动态增加删除UL节点LI及相关内容示例
May 21 Javascript
js 操作符汇总
Nov 08 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
Nov 29 Javascript
javascript中的相等操作符(==与===区别)
Dec 21 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
JavaScript事件委托实现原理及优点进行
Aug 29 Javascript
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中的cookie
2006/11/26 PHP
php strnatcmp()函数的用法总结
2013/11/27 PHP
用PHP和Shell写Hadoop的MapReduce程序
2014/04/15 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
Ubuntu server 11.04安装memcache及php使用memcache来存储session的方法
2016/05/31 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
Smarty模板类内部原理实例分析
2019/07/03 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
2007/08/08 Javascript
jQuery中prependTo()方法用法实例
2015/01/08 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
vuex的使用及持久化state的方式详解
2018/01/23 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
2019/08/21 Javascript
微信小程序 this.triggerEvent()的具体使用
2019/12/10 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
微信小程序连续签到7天积分获得功能的示例代码
2020/08/20 Javascript
[00:32]2018DOTA2亚洲邀请赛iG出场
2018/04/03 DOTA
python实现文件路径和url相互转换的方法
2015/07/06 Python
Python的Django框架中的表单处理示例
2015/07/17 Python
详解用Python处理HTML转义字符的5种方式
2017/12/27 Python
python实现Virginia无密钥解密
2019/03/20 Python
使用python远程操作linux过程解析
2019/12/04 Python
3种python调用其他脚本的方法
2020/01/06 Python
django下创建多个app并设置urls方法
2020/08/02 Python
Python限制内存和CPU使用量的方法(Unix系统适用)
2020/08/04 Python
美国著名的婴儿学步鞋老品牌:Robeez
2016/08/20 全球购物
世界最大的私人旅行指南出版商:孤独星球
2016/08/23 全球购物
商场活动策划方案
2014/01/24 职场文书
日语专业求职信
2014/07/04 职场文书
夏季药店促销方案
2014/08/22 职场文书
2014年家长学校工作总结
2014/11/20 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
看看如何用Python绘制小米新版天价logo
2021/04/20 Python
spring IOC容器的Bean管理XML自动装配过程
2022/05/30 Java/Android