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 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 Javascript
url传递的参数值中包含&时,url自动截断问题的解决方法
Aug 02 Javascript
jQuery实现页面点击后退弹出提示框的方法
Aug 24 Javascript
jQuery实现简洁的轮播图效果实例
Sep 07 Javascript
Bootstrap Table使用方法解析
Oct 19 Javascript
Javacript中自定义的map.js  的方法
Nov 26 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
layui结合form,table的全选、反选v1.0示例讲解
Aug 15 Javascript
Node.js console控制台简单用法分析
Jan 04 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 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
关于IIS php调用com组件的权限问题
2012/01/11 PHP
用PHP提取中英文词语以及数字的首字母的方法介绍
2013/04/23 PHP
Yii2实现同时搜索多个字段的方法
2016/08/10 PHP
javascript tips提示框组件实现代码
2010/11/19 Javascript
js获取当前日期代码适用于网页头部
2013/06/27 Javascript
JS匀速运动演示示例代码
2013/11/26 Javascript
通过点击jqgrid表格弹出需要的表格数据
2015/12/02 Javascript
jquery横向纵向鼠标滚轮全屏切换
2017/02/27 Javascript
微信小程序教程系列之设置标题栏和导航栏(7)
2020/06/29 Javascript
详解Vue组件实现tips的总结
2017/11/01 Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
2017/11/24 Javascript
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
Angular 利用路由跳转到指定页面的指定位置方法
2018/08/31 Javascript
Vue数据双向绑定的深入探究
2018/11/27 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
JavaScript常用工具函数库汇总
2020/09/17 Javascript
Js数组扁平化实现方法代码总汇
2020/11/11 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
[20:57]Ti4主赛事第三天开幕式
2014/07/21 DOTA
基于python yield机制的异步操作同步化编程模型
2016/03/18 Python
python实现八大排序算法(2)
2017/09/14 Python
Python使用add_subplot与subplot画子图操作示例
2018/06/01 Python
Python全排列操作实例分析
2018/07/24 Python
使用python打印十行杨辉三角过程详解
2019/07/10 Python
Python协程操作之gevent(yield阻塞,greenlet),协程实现多任务(有规律的交替协作执行)用法详解
2019/10/14 Python
python字符串替换re.sub()实例解析
2020/02/09 Python
Django中从mysql数据库中获取数据传到echarts方式
2020/04/07 Python
python Socket网络编程实现C/S模式和P2P
2020/06/22 Python
Python 实现PS滤镜中的径向模糊特效
2020/12/03 Python
Manuka Doctor美国官网:麦卢卡蜂蜜和蜂毒护肤
2016/12/25 全球购物
英国在线购买马术服装:EQUUS
2019/07/12 全球购物
Ibatis的核心配置文件都有什么
2014/09/08 面试题
培训班开班仪式主持词
2014/03/28 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
MySQL数据库实验之 触发器和存储过程
2022/06/21 MySQL