Vue3如何配置多级代理

export default defineConfig({
  plugins: [vue()],
  server: {
    open: true, //自动打开浏览器
    host: "0.0.0.0",
    port: 8989,
    // 设置反向代理，跨域
    proxy: {
      '/get': {
        // 后台地址
        target: 'https://xxx.xxx.xxx.x:8080', //填写后台真实地址
        changeOrigin: true,
        // 访问https的接口，需要加secure
        secure: false,
        rewrite: path => path.replace(/^\/get/, '')
      },
      '/api': {
        // 后台地址
        target: 'https://xxx.xxx.xxx.x:8080', //填写后台真实地址
        changeOrigin: true,
        // 访问https的接口，需要加secure
        secure: false,
        rewrite: path => path.replace(/^\/api/, '')
      },
    
})

// axiosInstance.js
import axios from "axios";
import { getToken } from "/src/utils/auth";

// 创建一个 Axios 实例
const API = axios.create({
  timeout: 60000, // 请求超时设置，单位ms
});

// 请求拦截器
API.interceptors.request.use(
  (config) => {
    // 动态设置 baseURL
    if (config.url.startsWith('/get')) {
      config.baseURL = '/get';
    } else {
      config.baseURL = '/api';
    }

    // 将 token 添加到请求头中
    config.headers["token"] = getToken();
    
    return config;
  },
  (error) => {
    // 请求错误处理
    console.log(error); // 调试
    return Promise.reject(error);
  }
);

export default API;

import API from './axiosInstance';

// 请求使用 baseURL 为 /get
API.get('/get/user/login').then(res => {
  console.log(res.data);
});

// 请求使用 baseURL 为 /api
API.get('/api/admin/login').then(res => {
  console.log(res.data);
});