vue 代理 反向代理

Vue 本身是一个前端框架，不具备直接实现反向代理的功能。但是你可以使用 Vue CLI 提供的代理配置来实现反向代理。

在项目的根目录下的 `vue.config.js` 文件中，你可以配置 `devServer` 对象来设置反向代理。示例如下：

module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://example.com', // 设置目标 API 地址
        changeOrigin: true, // 是否改变源地址
        pathRewrite: {
          '^/api': '' // 路径重写，将 /api 开头的请求去掉 /api
        }
      }
    }
  }
};

上面的配置将以 `/api` 开头的请求转发到 `http://example.com`，并且会将 `/api` 去掉。

当你启动开发服务器时，Vue CLI 会根据配置自动设置反向代理。在代码中发送请求时，可以使用相对路径 `/api` 来访问目标 API。

需要注意的是，这只适用于开发环境，在生产环境中需要使用其他方法来实现反向代理。