vue请求多个接口,服务器部署vue

　　本文主要介绍了vue配置请求的多种服务器端解决方案的详细解决方案，通过实例代码进行了非常详细的介绍，对大家的学习或工作有一定的参考价值。和有需要的朋友一起学习吧。

一、解决方案

　　1.1描述接口上下文路径

　　后端的两个接口服务请求前缀，如下所示：

　　1: /bryant前缀

　　前缀2:/

　　1.2 vue.config.js配置

　　devServer: {

　　端口：8005，

　　代理服务器：{

　　//第一个服务器配置

　　/bryant :

　　目标： http://本地主机：8081，

　　ws:没错，

　　changeOrigin:真的，

　　路径重写：{

　　^/bryant:/布莱恩特

　　}

　　},

　　//第二台服务器配置

　　/: {

　　目标：“http://本地主机：8082”，

　　ws:没错，

　　changeOrigin:真的，

　　路径重写：{

　　^/: /

　　}

　　}

　　}

　　}

　　1.3 axios修改

　　//api base_url，设置前缀不存在。

　　const BASE_URL=

　　//创建axios实例

　　const service=axios.create({

　　baseURL: BASE_URL，

　　超时：6000 //请求超时

　　})

　　Axios此时不需要直接指定baseUrl配置。

　　1.4发送请求

　　//请求前缀是“/”

　　这个。$http.get(/basketball )。然后(res={

　　console.log(/，res)

　　}).catch(错误={

　　console.log(错误)

　　})

　　//请求前缀是“bryant”

　　这个。$http.get(/bryant/mvp )。然后(res={

　　console.log(/bryant ，res)

　　}).catch(错误={

　　console.log(错误)

　　})

总结

　　在多个接口服务的情况下，如果前缀是/，应该放在代理配置的最后一部分，从上到下查找代理。如果将其放置在顶部，其他服务将被此配置代理丢弃。

　　这就是这篇关于vue配置请求的多服务器详细解决方案的文章。关于vue配置请求的多个服务器的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。