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 keycode总结
Feb 04 Javascript
js 方法实现返回多个数据的代码
Apr 30 Javascript
js计算页面刷新的次数
Jul 20 Javascript
Javascript insertAfter() 实现函数代码
Oct 12 Javascript
javascript时间自动刷新实现原理与步骤
Jan 06 Javascript
JQuery切换显示的效果实例代码
Feb 27 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
深入理解JavaScript程序中内存泄漏
Mar 17 Javascript
Vue不能检测到Object/Array更新的情况的解决
Jun 26 Javascript
vue-router的钩子函数用法实例分析
Oct 26 Javascript
解决vant的Toast组件时提示not defined的问题
Nov 11 Javascript
vue实现可移动的悬浮按钮
Mar 04 Vue.js
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 auth_http类库进行身份效验
2009/03/19 PHP
yii操作cookie实例简介
2014/07/09 PHP
jQuery新闻滚动插件 jquery.roller.js
2011/06/27 Javascript
jQuery中json对象的复制方式介绍(数组及对象)
2013/06/08 Javascript
JavaScript编程的10个实用小技巧
2014/04/18 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
jquery简单实现图片切换效果的方法
2015/05/12 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
浅谈几种常用的JS类定义方法
2016/06/08 Javascript
AngularJS基础 ng-paste 指令简单示例
2016/08/02 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
VueJS如何引入css或者less文件的一些坑
2017/04/25 Javascript
vue中实现滚动加载更多的示例
2017/11/08 Javascript
react+redux的升级版todoList的实现
2017/12/18 Javascript
详解操作虚拟dom模拟react视图渲染
2018/07/25 Javascript
layer.confirm取消按钮绑定事件的方法
2018/08/17 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
2020/04/29 Javascript
简单了解python高阶函数map/reduce
2019/06/28 Python
python中class的定义及使用教程
2019/09/18 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
简单介绍一下pyinstaller打包以及安全性的实现
2020/06/02 Python
TensorFlow中如何确定张量的形状实例
2020/06/23 Python
CSS3的文字阴影—text-shadow的使用方法
2012/12/25 HTML / CSS
计算机科学与技术应届生求职信
2013/11/07 职场文书
入党申请人的自我鉴定
2013/12/01 职场文书
办公室保洁员岗位职责
2013/12/02 职场文书
大一期末自我鉴定
2013/12/13 职场文书
毕业生就业自荐书
2013/12/15 职场文书
美德少年事迹材料
2014/01/23 职场文书
项目合作协议书范本
2014/04/16 职场文书
一年之计:2019年下半年的计划
2019/05/07 职场文书
python通过opencv调用摄像头操作实例分析
2021/06/07 Python
oracle索引总结
2021/09/25 Oracle