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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
jQuery打印指定区域Html页面并自动分页
Jul 04 Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 Javascript
ionic实现滑动的三种方式
Aug 27 Javascript
Ajax基础知识详解
Feb 17 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
Vue+webpack+Element 兼容问题总结(小结)
Aug 16 Javascript
vue路由守卫,限制前端页面访问权限的例子
Nov 11 Javascript
微信小程序wx.request的简单封装
Nov 13 Javascript
vue数据响应式原理知识点总结
Feb 16 Javascript
Vue实现跑马灯效果
May 25 Javascript
一小时迅速入门Mybatis之bind与多数据源支持 Java API
Sep 15 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中global和$GLOBALS[]的分析之一
2012/02/02 PHP
PHP JS Ip地址及域名格式检测代码
2013/09/27 PHP
一个PHP的ZIP压缩类分享
2014/05/04 PHP
详谈phpAdmin修改密码后拒绝访问的问题
2017/04/03 PHP
Laravel学习教程之View模块详解
2017/09/18 PHP
PHP解密支付宝小程序的加密数据、手机号的示例代码
2021/02/26 PHP
不错的一个日期输入 动态
2006/11/06 Javascript
30个精美的jQuery幻灯片效果插件和教程
2011/08/23 Javascript
json原理分析及实例介绍
2012/11/29 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
2012/12/19 Javascript
nodejs教程 安装express及配置app.js文件的详细步骤
2013/05/11 NodeJs
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
基于jquery实现最简单的选项卡切换效果
2016/05/08 Javascript
json的使用小结
2016/06/08 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
jQuery+ajax实现动态添加表格tr td功能示例
2018/04/23 jQuery
Node.js实现一个HTTP服务器的方法示例
2019/05/13 Javascript
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
python实现网页链接提取的方法分享
2014/02/25 Python
利用Python的装饰器解决Bottle框架中用户验证问题
2015/04/24 Python
理解python中生成器用法
2017/12/20 Python
pytorch 批次遍历数据集打印数据的例子
2019/12/30 Python
Python如何将图像音视频等资源文件隐藏在代码中(小技巧)
2020/02/16 Python
详解pandas中iloc, loc和ix的区别和联系
2020/03/09 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
python利用tkinter实现图片格式转换的示例
2020/09/28 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
美国摩托车头盔、零件、齿轮及配件商店:Cycle Gear
2019/06/12 全球购物
建筑公司文秘岗位职责
2013/11/29 职场文书
大专生自我评价
2014/01/28 职场文书
《母亲的恩情》教学反思
2014/02/13 职场文书
协议书的格式
2014/04/23 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
Windows环境下实现批量执行Sql文件
2021/10/05 SQL Server
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android