封装axios 配置proxy代理解决跨域

要在封装的Axios配置中添加proxy代理以解决跨域问题，你可以按照以下步骤进行操作：

1. 在项目的根目录下创建一个 `vue.config.js` 文件（如果是Vue项目），或者在根目录下的 `package.json` 文件中添加一个 `proxy` 字段（如果是React项目）。

2. 在 `vue.config.js` 文件或者 `package.json` 文件中添加以下代码：

module.exports = {
  devServer: {
    proxy: {
      // 配置代理
      '/api': {
        target: 'http://api.example.com', // 设置你想要代理的目标地址
        changeOrigin: true, // 开启跨域
        pathRewrite: {
          '^/api': '' // 将请求地址中的 '/api' 替换为空字符串
        }
      }
    }
  }
};

或者在 `package.json` 文件中添加以下代码：

{
  "proxy": {
    "/api": {
      "target": "http://api.example.com",
      "changeOrigin": true,
      "pathRewrite": {
        "^/api": ""
      }
    }
  }
}

3. 将你封装的Axios请求的URL前缀设置为 `/api` ，例如：

const baseURL = '/api';
axios.defaults.baseURL = baseURL;

这样，当你发送带有 `/api` 前缀的请求时，Axios会自动将请求代理到目标地址，从而解决跨域问题。

请确保将 `http://api.example.com` 替换为你真实的后端API地址，并根据你的项目结构和需求进行相应的配置。