axios请求两个后端

最新推荐文章于 2024-07-23 17:53:28 发布

超，不学了

最新推荐文章于 2024-07-23 17:53:28 发布

阅读量189

点赞数

文章标签：服务器运维

本文链接：https://blog.csdn.net/qq_48881427/article/details/127420404

版权

vue.config.js中配置代理

module.exports = {
  devServer: {
    host: "0.0.0.0",
    port: 8082,
    proxy: {
      // 第一台服务器配置
      "/api1": {
        target: "http://127.0.0.1:3007",
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          "^/api1": "",
        },
      },
      // 第二台服务器配置
      "/api2": {
        target: "http://127.0.0.1:3008",
        ws: true,
        changeOrigin: true,
        pathRewrite: {
          "^/api2": "",
        },
      },
    },
  },
};

封装axios时建立两个axios连接

import theAxios from "axios";

const axios1 = theAxios.create({
    baseURL: "/api1",
    timeout: 20000,
})

const axios2 = theAxios.create({
    baseURL: "/api2",
    timeout: 20000,
})


//....