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 相关文章推荐
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
jquery特效 点击展示与隐藏全文
Dec 09 Javascript
微信小程序 wxapp导航 navigator详解
Oct 31 Javascript
jQuery给表格添加分页效果
Mar 02 Javascript
Angularjs根据json文件动态生成路由状态的实现方法
Apr 17 Javascript
react native带索引的城市列表组件的实例代码
Aug 08 Javascript
React Native模块之Permissions权限申请的实例相机
Sep 28 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
微信小程序手机号码验证功能的实例代码
Aug 28 Javascript
微信小程序template模板与component组件的区别和使用详解
May 22 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
基于PHP字符串的比较函数strcmp()与strcasecmp()的使用详解
2013/05/15 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
Javascript与PHP验证用户输入URL地址是否正确
2014/10/09 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
php实现微信支付之退款功能
2018/05/30 PHP
Laravel 队列使用的实现
2019/01/08 PHP
ExtJS 下拉多选框lovcombo
2010/05/19 Javascript
Extjs中使用extend(js继承) 的代码
2012/03/15 Javascript
JavaScript实现拼音排序的方法
2012/11/20 Javascript
jquery怎样实现ajax联动框(一)
2013/03/08 Javascript
javascript 回调函数详解
2014/11/11 Javascript
js数组常用操作方法小结(增加,删除,合并,分割等)
2016/08/02 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
浅谈jquery上下滑动的注意事项
2016/10/13 Javascript
AngularJS2中一种button切换效果的实现方法(二)
2017/03/27 Javascript
在vue项目中集成graphql(vue-ApolloClient)
2018/09/08 Javascript
实例讲解JavaScript预编译流程
2019/01/24 Javascript
a标签调用js的方法总结
2019/09/05 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
[19:24]DOTA2客户端使用指南 一分钟快速设置轻松超神
2013/09/24 DOTA
Python挑选文件夹里宽大于300图片的方法
2015/03/05 Python
Python获取二维矩阵每列最大值的方法
2018/04/03 Python
python3去掉string中的标点符号方法
2019/01/22 Python
Python使用POP3和SMTP协议收发邮件的示例代码
2019/04/16 Python
PyTorch搭建一维线性回归模型(二)
2019/05/22 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
学生干部的自我评价分享
2014/01/18 职场文书
简单的辞职信范文
2014/01/18 职场文书
料理师求职信
2014/01/30 职场文书
寒假家长评语大全
2014/04/16 职场文书
初二学生评语大全
2014/12/26 职场文书
实施意见格式范本
2015/06/05 职场文书
服务行业标语口号
2015/12/26 职场文书
2016党员学习心得体会范文
2016/01/23 职场文书
Django显示可视化图表的实践
2021/05/10 Python
分享一个vue实现的记事本功能案例
2022/04/11 Vue.js