vue3跨域多个代理

在Vue3中配置多个代理实现跨域，你需要在vue.config.js文件中的devServer字段下配置多个代理。每个代理的设置可以通过一个对象来表示，其中包括目标服务器、代理路径、是否开启代理等信息。下面是一个示例配置：

devServer: {
  open: true,
  port: 8081,
  proxy: {
    // 第一个代理
    '/api1': {
      target: 'http://example1.com',
      changeOrigin: true,
      pathRewrite: {
        '^/api1': ''
      }
    },
    // 第二个代理
    '/api2': {
      target: 'http://example2.com',
      changeOrigin: true,
      pathRewrite: {
        '^/api2': ''
      }
    },
    // 第三个代理
    '/api3': {
      target: 'http://example3.com',
      changeOrigin: true,
      pathRewrite: {
        '^/api3': ''
      }
    }
  }
}

在上面的配置中，我们通过设置不同的代理路径来匹配不同的请求，然后指定每个代理的目标服务器和一些其他选项，比如是否开启跨域、路径重写等。你可以根据自己的需要，添加或修改这些代理来满足你的跨域需求。