1.1 描述接口context-path
后端的两个接口服务请求前缀,如下:
1.2 vue.config.js配置
devServer: { port: 8005, proxy: { // 第一台服务器配置 '/bryant': { target: 'http://localhost:8081, ws: true, changeOrigin: true, pathRewrite: { '^/bryant': '/bryant' } }, // 第二台服务器配置 '/': { target: 'http://localhost:8082', ws: true, changeOrigin: true, pathRewrite: { '^/': '/' } } } }
1.3 axios修改
// api base_url,设置前缀不存在 const BASE_URL = '' // 创建 axios 实例 const service = axios.create({ baseURL: BASE_URL, timeout: 6000 // 请求超时时间 })
此时axios不需要直接指定baseUrl配置
1.4 发送请求
// 请求前缀为“/” this.$http.get("/basketball").then(res => { console.log('/', res) }).catch(err => { console.log(err) }) // 请求前缀为“bryant” this.$http.get("/bryant/mvp").then(res => { console.log('/bryant', res) }).catch(err => { console.log(err) })
多个接口服务的情况下,如果前缀是"/",要将其放在proxy配置的最后一部分,代理的时候是从上往下查找的,如果放在最上面其他服务也会被该配置代理掉
到此这篇关于详解vue配置请求多个服务端解决方案的文章就介绍到这了,更多相关vue配置请求多个服务端内容请搜索站长技术以前的文章或继续浏览下面的相关文章希望大家以后多多支持站长技术!
在framework中,大量并发 HttpWebRequest 需要设置一个最大连接数 ServicePointM...
导读 数据库作为核心的基础组件,是需要重点保护的对象。任何一个线上的不慎操作...
溢出问题 32位的int类型数字范围是[-2 31 ,2 31 -1],翻转可能会导致溢出如果反转...
【51CTO.com快译】PostgreSQL是世界上第四大流行的开源数据库管理系统,它在各种...
在试了很多次了,终于搞定了,上代码吧。(我用的是jQuery的ajax,不是原生的) ...
本文实例讲述了thinkphp3.2框架集成QRcode生成二维码的方法。分享给大家供大家参...
文章目录 一、学前必备知识 二、Hadoop HDFS 命令 1、HDFS 常用命令总览 2、创建...
苹果Mac电脑上有很多有趣又实用的巧妙设计,例如鼠标的识别查找,就要比Windows1...
本文介绍的是利用Vue实现购物小球抛物线的相关内容,下面话不多说了,来一起看看...
本文转载自微信公众号「Linux开发那些事儿 」,作者LinuxThings。转载本文请联系...