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 相关文章推荐
json格式化/压缩工具 Chrome插件扩展版
May 25 Javascript
Javascript学习笔记之 对象篇(一) : 对象的使用和属性
Jun 24 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
Aug 04 Javascript
JQuery ztree 异步加载实例讲解
Feb 25 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
Jun 14 Javascript
koa2使用ejs和nunjucks作为模板引擎的使用
Nov 27 Javascript
js实现移动端轮播图
Dec 21 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
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
php 字符转义 注意事项
2009/05/27 PHP
PHP中addcslashes与stripcslashes函数用法分析
2016/01/07 PHP
PHP自带方法验证邮箱是否存在
2016/02/01 PHP
Laravel中使用Queue的最基本操作教程
2017/12/27 PHP
取选中的radio的值
2010/01/11 Javascript
php上传图片并给图片打上透明水印的代码
2010/06/07 Javascript
js保存当前路径(cookies记录)
2010/12/14 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
Javascript实现带关闭按钮的网页漂浮广告代码
2014/01/12 Javascript
javascript实现2048游戏示例
2014/05/04 Javascript
特殊情况下如何获取span里面的值
2014/05/20 Javascript
jQuery实现动态表单验证时文本框抖动效果完整实例
2015/08/21 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
纯JS代码实现气泡效果
2016/05/04 Javascript
BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)
2016/07/07 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
js prototype深入理解及应用实例分析
2019/11/25 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
2020/01/20 Javascript
Vue实现小购物车功能
2020/12/21 Vue.js
浅谈Python中chr、unichr、ord字符函数之间的对比
2016/06/16 Python
Python OpenCV实现图片上输出中文
2018/01/22 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
详解如何用django实现redirect的几种方法总结
2018/11/22 Python
python tkinter canvas 显示图片的示例
2019/06/13 Python
Python守护进程实现过程详解
2020/02/10 Python
python使用建议与技巧分享(二)
2020/08/17 Python
如何利用python 读取配置文件
2021/01/06 Python
Swanson中国官网:美国斯旺森健康产品公司
2021/03/01 全球购物
个人简历自我评价八例
2013/10/31 职场文书
博士研究生自我鉴定范文
2013/12/04 职场文书
销售副总经理岗位职责
2013/12/11 职场文书
幼儿园教师国培感言
2014/02/02 职场文书
商务专员岗位职责范本
2014/06/29 职场文书
2019年员工晋升管理制度范本!
2019/07/08 职场文书
python用字节处理文件实例讲解
2021/04/13 Python