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 相关文章推荐
js 页面元素的几个用法总结
Nov 18 Javascript
node.js中的console.log方法使用说明
Dec 09 Javascript
在HTML中插入JavaScript代码的示例
Jun 03 Javascript
jQuery实现美观的多级动画效果菜单代码
Sep 06 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
Jun 23 Javascript
移动端手指放大缩小插件与js源码
May 22 Javascript
详解vue前后台数据交互vue-resource文档
Jul 19 Javascript
在Js页面通过POST传递参数跳转到新页面详解
Aug 25 Javascript
使用Bootstrap和Vue实现用户信息的编辑删除功能
Oct 25 Javascript
如何让你的JS代码更好看易读
Dec 01 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 Javascript
js实现经典贪吃蛇小游戏
Mar 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
图象函数中的中文显示
2006/10/09 PHP
php 购物车实例(申精)
2009/05/11 PHP
php集成环境xampp中apache无法启动问题解决方案
2014/11/18 PHP
php实现搜索一维数组元素并删除二维数组对应元素的方法
2015/07/06 PHP
thinkphp autoload 命名空间自定义 namespace
2015/07/17 PHP
PHP判断上传文件类型的解决办法
2015/10/20 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
tp5.1 框架数据库常见操作详解【添加、删除、更新、查询】
2020/05/26 PHP
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
2011/09/22 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
js定时调用方法成功后并停止调用示例
2014/04/08 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
jQuery实现的tab标签切换效果示例
2016/09/05 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
浅析Vue 和微信小程序的区别、比较
2018/08/03 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
python函数装饰器用法实例详解
2015/06/04 Python
Python爬虫爬取一个网页上的图片地址实例代码
2018/01/16 Python
python使用celery实现异步任务执行的例子
2019/08/28 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
jupyter 添加不同内核的操作
2021/02/06 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
澳大利亚的奢侈品牌:Oroton
2016/08/26 全球购物
Mio Skincare中文官网:肌肤和身体护理
2016/10/26 全球购物
英国标准协会商店:BSI Shop
2019/02/25 全球购物
写给爸爸的道歉信
2014/01/15 职场文书
学习雷锋活动总结
2014/04/29 职场文书
团日活动总结报告
2014/06/25 职场文书
综治维稳工作承诺书
2014/08/30 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
高三语文教学反思
2016/02/16 职场文书
小学二年级语文教学反思
2016/03/03 职场文书
如何书写公司员工保密协议?
2019/06/27 职场文书
新西兰:最新留学学习计划书写作指南
2019/07/15 职场文书
检讨书之工作不认真
2019/08/14 职场文书
MySQL如何解决幻读问题
2021/08/07 MySQL