在vue中配置不同的代理同时访问不同的后台操作


Posted in Javascript onSeptember 11, 2020

如果和不同的后台调接口,如果后台接口没有合到一起,前端可以配不同的代理来共同访问他们的接口

在config文件夹下的index.js中设置如下:

proxyTable: {
  '/api/login': { // 第一个代理:此处的路径是所有接口前面相同的部分,用来匹配带有这部分路径的
    target: "http://192.168.100.209:8910",
    changeOrigin: true,
    secure: false
  },
  '/api/supplier': { // 设置第二个代理
    target: "http://192.168.101.26:8910",
    changeOrigin: true,
    secure: false
  },
}

补充知识:vue项目开发环境下实现与多个后台进行联调

在配置开发环境设置反向代理的地方设置反向代理

proxyTable: {
      '/jk': {
        target: 'http://10.200.101.121:8090/',
        //target: 'http://118.24.184.180:8080/',
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/api', //重写,
        }
      },
      '/wxapi': {
        target: 'http://10.200.102.141:8089',
        changeOrigin: true,
        pathRewrite: {
          '^/wxapi': '/wxapi', //重写,
        }
      },
      '/wxttxx': {
        target: 'http://10.200.102.141:8089',
        changeOrigin: true,
        pathRewrite: {
          '^/wxttxx': '/wxttxx', //重写,
        }
      }
    },

这样就可以根据不同的后台进行联调了

以上这篇在vue中配置不同的代理同时访问不同的后台操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
浅析js封装和作用域
Jul 09 Javascript
flash遮住div问题的正确解决方法
Feb 27 Javascript
input标签内容改变的触发事件介绍
Jun 18 Javascript
JS实现文字放大效果的方法
Mar 03 Javascript
完美实现bootstrap分页查询
Dec 09 Javascript
bootstrap datetimepicker 日期插件在火狐下出现一条报错信息的原因分析及解决办法
Mar 08 Javascript
Linux使用Node.js建立访问静态网页的服务实例详解
Mar 21 Javascript
JavaScript如何一次性展示几万条数据
Mar 30 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
bootstrap响应式工具使用详解
Nov 29 Javascript
微信小程序云开发使用方法新手初体验
May 16 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
Sep 11 #Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
Sep 11 #Javascript
关于ES6尾调用优化的使用
Sep 11 #Javascript
在js文件中引入(调用)另一个js文件的三种方法
Sep 11 #Javascript
Vue项目开发常见问题和解决方案总结
Sep 11 #Javascript
JavaScript实现简单日历效果
Sep 11 #Javascript
vue $mount 和 el的区别说明
Sep 11 #Javascript
You might like
一些操作和快捷键的理解和讨论
2020/03/04 星际争霸
通过jQuery源码学习javascript(三)
2012/12/27 Javascript
json数据与字符串的相互转化示例
2013/09/18 Javascript
Node.js中使用mongoskin操作mongoDB实例
2014/09/28 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
2015/02/25 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
jQuery根据用户电脑是mac还是pc加载对应样式的方法
2015/06/26 Javascript
基于Echarts 3.19 制作常用的图形(非静态)
2016/05/19 Javascript
Javascript动画效果(1)
2016/10/11 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(2)
2017/02/20 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
基于JavaScript实现的折半查找算法示例
2017/04/14 Javascript
vue 数组和对象不能直接赋值情况和解决方法(推荐)
2017/10/25 Javascript
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
[58:18]2018DOTA2亚洲邀请赛3月29日 小组赛B组 iG VS Mineski
2018/03/30 DOTA
python使用新浪微博api上传图片到微博示例
2014/01/10 Python
numpy添加新的维度:newaxis的方法
2018/08/02 Python
用Python读取几十万行文本数据
2018/12/24 Python
Pytorch之卷积层的使用详解
2019/12/31 Python
python中的 zip函数详解及用法举例
2020/02/16 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
python 三种方法实现对Excel表格的读写
2020/11/19 Python
HTML5进度条特效
2014/12/18 HTML / CSS
深圳茁壮笔试题
2015/05/28 面试题
UNIX命令速查表
2012/03/10 面试题
校园餐饮创业计划书
2014/01/10 职场文书
工程质量承诺书
2014/03/27 职场文书
领导班子个人对照检查剖析材料
2014/09/29 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
刑事上诉状(量刑过重)
2015/05/23 职场文书
公文写作:教你写“建议书”
2019/05/07 职场文书
基于Apache Hudi在Google云构建数据湖平台的思路详解
2022/04/07 Servers