解决跨域怎么配置多个代理以及baseURL该怎么写

在前端开发中，解决跨域问题通常可以通过配置代理来实现。如果需要配置多个代理，可以在项目的配置文件中进行相应的设置。以下是一个示例的配置文件（如 vue.config.js）的代码片段：

module.exports = {
  devServer: {
    proxy: {
      // 第一个代理
      '/api1': {
        target: 'http://example1.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api1': ''
        }
      },
      // 第二个代理
      '/api2': {
        target: 'http://example2.com',
        changeOrigin: true,
        pathRewrite: {
          '^/api2': ''
        }
      }
    }
  }
};

上述代码中，我们定义了两个代理 `/api1` 和 `/api2`，并分别设置了它们的目标地址 `target`、`changeOrigin`和`pathRewrite`。

对于 `baseURL` 的设置，一般在项目的配置文件或者全局配置中进行。例如，在 Vue.js 项目中，可以在 main.js 文件中设置：

import axios from 'axios';

axios.defaults.baseURL = 'http://example.com/api';

这样，在发送请求时，就可以直接使用相对路径，如 `/user`，axios 会自动拼接 `baseURL` 和相对路径，发送请求到 `http://example.com/api/user`。

需要注意的是，具体的配置方式会根据项目框架和开发工具的不同而有所差异，以上只是示例代码，具体使用时请参考相应的文档或者配置文件说明。