在vue中配置不同的代理同时访问不同的后台操作
如果和不同的后台调接口,如果后台接口没有合到一起,前端可以配不同的代理来共同访问他们的接口
在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中配置不同的代理同时访问不同的后台操作就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持好吧啦网。
相关文章:
1. python基于scrapy爬取京东笔记本电脑数据并进行简单处理和分析2. 详解Android跨进程通信之AIDL3. Java 如何实现AES加密4. Python csv文件记录流程代码解析5. Windows+Apache搭建PHP开发环境6. Django自带用户认证系统使用方法解析7. 在Spring 中使用@Aspect 控制自定义注解的操作8. django admin search_fields placeholder 管理后台添加搜索框提示文字9. Django model class Meta原理解析10. set rs=conn.execute,set rs=server.createobject(“ADODB.recordset”)的性能对比