vue3配置proxy多个代理

在Vue 3中配置多个代理可以通过在`vue.config.js`文件中使用`devServer.proxy`选项来实现。下面是一个示例代码：

// vue.config.js

module.exports = {
  devServer: {
    proxy: {
      '/api1': {
        target: 'http://localhost:3000', // 第一个代理目标地址
        changeOrigin: true,
        pathRewrite: {
          '^/api1': ''
        }
      },
      '/api2': {
        target: 'http://localhost:4000', // 第二个代理目标地址
        changeOrigin: true,
        pathRewrite: {
          '^/api2': ''
        }
      }
    }
  }
}

在上面的示例中，我们配置了两个代理，一个是以`/api1`开头的请求会被代理到`http://localhost:3000`，另一个是以`/api2`开头的请求会被代理到`http://localhost:4000`。

注意，`changeOrigin`选项设置为`true`表示在请求头中添加`Origin`字段，`pathRewrite`选项用于重写请求路径，这里将`/api1`和`/api2`替换为空字符串，以去除请求路径中的前缀。

你可以根据自己的需求配置更多的代理。记得在修改完配置后，重新启动开发服务器以使配置生效。