在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之一(初识Javascript)
Jan 20 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
Dec 11 Javascript
js toFixed()方法的重写实现精度的统一
Mar 06 Javascript
javascript匿名函数实例分析
Nov 18 Javascript
第一次接触神奇的前端框架vue.js
Dec 01 Javascript
js实现文字选中分享功能
Jan 25 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
Three.js利用性能插件stats实现性能监听的方法
Sep 25 Javascript
JS实现定时任务每隔N秒请求后台setInterval定时和ajax请求问题
Oct 15 Javascript
Vue.js点击切换按钮改变内容的实例讲解
Aug 22 Javascript
浅谈Vue.js 关于页面加载完成后执行一个方法的问题
Apr 01 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 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
在普通HTTP上安全地传输密码
2007/07/21 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
PhpStorm2020 + phpstudyV8 +XDebug的教程详解
2020/09/17 PHP
文本框的字数限制功能jquery插件
2009/11/24 Javascript
JQuery选择器特辑 详细小结
2012/05/14 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
javascript 回调函数详解
2014/11/11 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
JS获得图片alt信息的方法
2015/04/01 Javascript
动态加载jQuery的方法
2015/06/16 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
ZeroClipboard.js使用一个flash复制多个文本框
2017/06/19 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
2019/04/25 Javascript
React Native中ScrollView组件轮播图与ListView渲染列表组件用法实例分析
2020/01/06 Javascript
使用python提取html文件中的特定数据的实现代码
2013/03/24 Python
几个提升Python运行效率的方法之间的对比
2015/04/03 Python
python从网络读取图片并直接进行处理的方法
2015/05/22 Python
python3.5仿微软计算器程序
2020/03/30 Python
Python自动化测试ConfigParser模块读写配置文件
2016/08/15 Python
python 调用c语言函数的方法
2017/09/29 Python
python多进程实现文件下载传输功能
2018/07/28 Python
python如何写个俄罗斯方块
2020/11/06 Python
css3 media 响应式布局的简单实例
2016/08/03 HTML / CSS
法国和欧洲海边和滑雪度假:Pierre & Vacances
2017/01/04 全球购物
Lookfantastic台湾:英国彩妆美发保养购物网
2018/03/26 全球购物
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
GWT (Google Web Toolkit)有哪些主要的原件组成?
2015/06/08 面试题
体育个人工作总结
2015/02/09 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
2015大学迎新晚会主持词
2015/07/16 职场文书
2016年全国爱牙日宣传活动总结
2016/04/05 职场文书
vue-cli4.5.x快速搭建项目
2021/05/30 Vue.js
Rhit高效可视化Nginx日志查看工具
2021/11/01 Servers
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis