Vue中如何实现proxy代理


Posted in Javascript onApril 20, 2018

Vue 框架开发的时候,会遇到跨域的问题,可在config/index.js 里配置proxyTable内容,使用proxy 代理。

// config/index.js 文件
proxyTable: {
   '/api': {
    target: 'http://192.168.149.90:8080/', // 设置你调用的接口域名和端口号
    changeOrigin: true,   // 跨域
    pathRewrite: {
     '^/api': '/'     
    }
   }
  },

这里理解成用‘/api'代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://192.168.149.90:8080/xxx/duty?time=2017-07-07 14:57:22',直接写‘/api/xxx/duty?time=2017-07-07 14:57:22'即可

在dev.env.js 里配置开发环境请求地址

// config/dev.env.js 文件
module.exports = merge(prodEnv, {
 NODE_ENV: '"development"',
 ADMIN_SERVER: '"/api/"',
});

若请求插件用的 axios,配置如下

const adminServer = axios.create({
 baseURL: process.env.ADMIN_SERVER,
});

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用Javascript做flash做的事..才完成的一个类.Auntion Action var 0.1
Feb 23 Javascript
js判断为空Null与字符串为空简写方法
Feb 24 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
本人自用的global.js库源码分享
Feb 28 Javascript
jQuery实现鼠标划过添加和删除class的方法
Jun 26 Javascript
jquery无限级联下拉菜单简单实例演示
Nov 23 Javascript
很棒的js Tab选项卡切换效果
Aug 30 Javascript
js返回顶部实例分享
Dec 21 Javascript
微信小程序去哪里找 小程序到底如何使用(附小程序名单)
Jan 09 Javascript
vue.js组件vue-waterfall-easy实现瀑布流效果
Aug 22 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
深入理解 ES6中的 Reflect用法
Jul 18 Javascript
React diff算法的实现示例
Apr 20 #Javascript
vue中子组件向父组件传递数据的实例代码(实现加减功能)
Apr 20 #Javascript
node实现登录图片验证码的示例代码
Apr 20 #Javascript
vue项目中api接口管理总结
Apr 20 #Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 #jQuery
js Element Traversal规范中的元素遍历方法
Apr 19 #Javascript
关于vue中的ajax请求和axios包问题
Apr 19 #Javascript
You might like
暴雪前总裁遗憾:没尽早追赶Dota 取消星际争霸幽灵
2020/03/08 星际争霸
Smarty Foreach 使用说明
2010/03/23 PHP
PHP常用技术文之文件操作和目录操作总结
2014/09/27 PHP
PHP数据库操作Helper类完整实例
2016/05/11 PHP
比较完整的微信开发php代码
2016/08/02 PHP
PHP+Redis开发的书签案例实战详解
2019/07/09 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
用JavaScript编写COM组件的步骤
2009/03/17 Javascript
JQuery实现的在新窗口打开链接的方法小结
2010/04/22 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
javascript制作2048游戏
2015/03/30 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
JavaScript构造函数详解
2015/12/27 Javascript
在Mac OS上安装使用Node.js的项目自动化构建工具Gulp
2016/06/18 Javascript
使用JQuery选择HTML遍历函数的方法
2016/09/17 Javascript
jquery 判断div show的状态实例
2016/12/03 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
Angular中使用better-scroll插件的方法
2018/03/27 Javascript
如何在Vue中抽离接口配置文件
2019/10/31 Javascript
vue 需求 data中的数据之间的调用操作
2020/08/05 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[17:13]DOTA2 HEROS教学视频教你分分钟做大人-斯拉克
2014/06/13 DOTA
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
Python GUI Tkinter简单实现个性签名设计
2018/06/19 Python
python-opencv颜色提取分割方法
2018/12/08 Python
django数据模型on_delete, db_constraint的使用详解
2019/12/24 Python
pandas读取csv文件提示不存在的解决方法及原因分析
2020/04/21 Python
Pytorch如何切换 cpu和gpu的使用详解
2021/03/01 Python
Nebula美国官网:便携式投影仪
2019/03/15 全球购物
2014年党员教师自我剖析材料
2014/09/30 职场文书
公司环境卫生管理制度
2015/08/05 职场文书
医务人员医德医风心得体会
2016/01/25 职场文书
导游词之铁岭象牙山
2019/12/06 职场文书