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:window.close()在chrome,Firefox下失效的问题
May 07 Javascript
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
15款最好的Bootstrap在线编辑器
Aug 03 Javascript
JavaScript SHA-256加密算法详细代码
Oct 06 Javascript
vue的Virtual Dom实现snabbdom解密
May 03 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
详解Puppeteer 入门教程
May 09 Javascript
详解JavaScript 为什么要有 Symbol 类型?
Apr 03 Javascript
JavaScript中的函数申明、函数表达式、箭头函数
Dec 06 Javascript
Vue简单实现原理详解
May 07 Javascript
解决vue scoped scss 无效的问题
Sep 04 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
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
php UTF-8、Unicode和BOM问题
2010/05/18 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
php 类自动载入的方法
2015/06/03 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
PHP面向对象程序设计高级特性详解(接口,继承,抽象类,析构,克隆等)
2016/12/02 PHP
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
jquery使用ul模拟select实现表单美化的方法
2015/08/18 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
JS前向后瞻正则表达式定义与用法示例
2016/12/27 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
2017/02/23 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
2018/02/03 Javascript
vue绑定的点击事件阻止冒泡的实例
2018/02/08 Javascript
爬虫利器Puppeteer实战
2019/01/09 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
用Python的urllib库提交WEB表单
2009/02/24 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
Python numpy生成矩阵、串联矩阵代码分享
2017/12/04 Python
Pandas 对Dataframe结构排序的实现方法
2018/04/10 Python
通过Python实现一个简单的html页面
2020/05/16 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
python和go语言的区别是什么
2020/07/20 Python
Python修改DBF文件指定列
2020/12/19 Python
pandas统计重复值次数的方法实现
2021/02/20 Python
毕业自我鉴定范文
2013/11/06 职场文书
党校个人自我鉴定范文
2014/03/28 职场文书
党性观念心得体会
2014/09/03 职场文书
经营场所证明范本
2015/06/19 职场文书
新郎父母婚礼致辞
2015/07/27 职场文书
幼儿园国培研修日志
2015/11/13 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
java中重写父类方法加不加@Override详解
2021/06/21 Java/Android
一篇文章弄清楚Ajax请求的五个步骤
2022/03/17 Javascript
python如何为list实现find方法
2022/05/30 Python