在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 相关文章推荐
javascript仿qq界面的折叠菜单实现代码
Dec 12 Javascript
JQuery加载图片自适应固定大小的DIV
Sep 12 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
Mar 13 Javascript
使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法
Nov 26 Javascript
浅析Bootstrap缩略图组件与警示框组件
Apr 29 Javascript
一分钟理解js闭包
May 04 Javascript
菊花转动的jquery加载动画效果
Aug 19 jQuery
Vuex,iView UI面包屑导航使用扩展详解
Nov 04 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
Vue+webpack实现懒加载过程解析
Feb 17 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 Javascript
html5调用摄像头截图功能
Jan 18 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
PHP网页游戏学习之Xnova(ogame)源码解读(九)
2014/06/24 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
在vs2010中调试javascript代码方法
2011/02/11 Javascript
IE与FireFox中的childNodes区别
2011/10/20 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
2014/06/09 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
js实现a标签超链接提交form表单的方法
2015/06/24 Javascript
javascript图片预加载实例分析
2015/07/16 Javascript
Jquery 分页插件之Jquery Pagination
2015/08/25 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
2016/07/10 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
基于vue cli重构多页面脚手架过程详解
2018/01/23 Javascript
Mpvue中使用Vant Weapp组件库的方法步骤
2019/05/16 Javascript
javascript执行上下文、变量对象实例分析
2020/04/25 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
[04:16]DOTA2全国高校联赛16强抽签
2018/05/02 DOTA
python二叉树的实现实例
2013/11/21 Python
Python列表计数及插入实例
2014/12/17 Python
Pandas标记删除重复记录的方法
2018/04/08 Python
Django中的ajax请求
2018/10/19 Python
Python实现简单查找最长子串功能示例
2019/02/26 Python
利用Python+阿里云实现DDNS动态域名解析的方法
2019/04/01 Python
关于初始种子自动选取的区域生长实例(python+opencv)
2020/01/16 Python
css3 border-image使用说明
2010/06/23 HTML / CSS
详解CSS中iconfont的使用
2015/08/04 HTML / CSS
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
装潢设计实习自我鉴定
2013/09/19 职场文书
体育专业大学生职业生涯规划范文:打造自己的运动帝国
2014/09/12 职场文书
大学生创业事迹材料
2014/12/30 职场文书
地道战观后感
2015/06/04 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
react合成事件与原生事件的相关理解
2021/05/13 Javascript
使用javascript解析二维码的三种方式
2021/11/11 Javascript