vue 本地环境跨域请求proxyTable的方法


Posted in Javascript onSeptember 19, 2018

主要在config->index.js中配置

proxyTable: { 
‘/gameapi': { 
changeOrigin: true, 
// target: ‘http://rap.id.cn/mockjs/20‘, mock地址 
target: ‘http://192.168.1.124‘,服务器地址 
pathRewrite: { 
‘^/gameapi': ‘/gameapi' 
}, 
secure:false 
} 
}

因此,发送请求时候url写为('/gameapi/gift-applylist')就能拿到接口数据。

但是注意配置后需要重新npm run dev才会生效。

当然如果有两个不同路径也可以配置两个

proxyTable: { 
‘/gameapi': { 
changeOrigin: true, 
// target: ‘http://rap.id.cn/mockjs/20‘, 
target: ‘http://192.168.1.124‘, 
pathRewrite: { 
‘^/gameapi': ‘/gameapi' 
}, 
secure:false 
}, 
‘/cps': { 
changeOrigin: true, 
// target: ‘http://rap.idu.cn/mockjs/20‘, 
target: ‘http://192.168.1.124‘, 
pathRewrite: { 
‘^/cps': ‘/cps' 
}, 
secure:false 
} 
},

以上这篇vue 本地环境跨域请求proxyTable的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
对xmlHttp对象的理解
Jan 17 Javascript
基于JQuery 选择器使用说明介绍
Apr 18 Javascript
js文本框输入点回车触发确定兼容IE、FF等
Nov 19 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
JavaScript简单获取页面图片原始尺寸的方法
Jun 21 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
JS实现自定义状态栏动画文字效果示例
Oct 12 Javascript
使用Vue-Router 2实现路由功能实例详解
Nov 14 Javascript
通过fastclick源码分析彻底解决tap“点透”
Dec 24 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
解决layui数据表格table的横向滚动条显示问题
Sep 04 Javascript
javascript实现雪花飘落效果
Aug 19 Javascript
vue 优化CDN加速的方法示例
Sep 19 #Javascript
Vue前后端不同端口的实现方法
Sep 19 #Javascript
vue-cli 3.x 修改dist路径的方法
Sep 19 #Javascript
浅谈React之状态(State)
Sep 19 #Javascript
jQuery使用each遍历循环的方法
Sep 19 #jQuery
vue新vue-cli3环境配置和模拟json数据的实例
Sep 19 #Javascript
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
Sep 19 #Javascript
You might like
mysql 搜索之简单应用
2007/04/27 PHP
phpmailer发送邮件之后,返回收件人是否阅读了邮件的方法
2014/07/19 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
Yii隐藏URL中index.php的方法
2016/07/12 PHP
HTA版JSMin(省略修饰语若干)基于javascript语言编写
2009/12/24 Javascript
javascript陷阱 一不小心你就中招了(字符运算)
2013/11/10 Javascript
深入浅析JavaScript中对事件的三种监听方式
2015/09/29 Javascript
超详细的javascript数组方法汇总
2015/11/21 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
2015/12/14 Javascript
JQuery datepicker 用法详解
2015/12/25 Javascript
AngularJs基于角色的前端访问控制的实现
2016/11/07 Javascript
vue-cli+webpack记事本项目创建
2017/04/01 Javascript
JavaScript实现的可变动态数字键盘控件方式实例代码
2017/07/15 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
纯javascript实现选择框的全选与反选功能
2019/04/08 Javascript
基于layui实现高级搜索(筛选)功能
2019/07/26 Javascript
解决Vue在Tomcat8下部署页面不加载的问题
2019/11/12 Javascript
Vue 解决路由过渡动画抖动问题(实例详解)
2020/01/05 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
2020/08/14 Javascript
Vue表单提交点击事件只允许点击一次的实例
2020/10/23 Javascript
解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)
2020/11/11 Javascript
如何在Vue项目中添加接口监听遮罩
2021/01/25 Vue.js
用python分割TXT文件成4K的TXT文件
2009/05/23 Python
Python的迭代器和生成器使用实例
2015/01/14 Python
python处理xml文件的方法小结
2017/05/02 Python
详解python Todo清单实战
2018/11/01 Python
Python函数生成器原理及使用详解
2020/03/12 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
canvas三角函数模拟水波效果的示例代码
2018/07/03 HTML / CSS
Kathmandu澳洲户外商店:新西兰户外运动品牌
2017/11/12 全球购物
美国价格实惠的在线眼镜网站:Zeelool
2020/12/25 全球购物
计算机软件个人的自荐信范文
2013/12/01 职场文书
竞选宣传委员演讲稿
2014/05/24 职场文书
绿色环保标语
2014/06/12 职场文书
会议简报格式范文
2015/07/20 职场文书