vue的proxy代理,实现代码

Vue 的 Proxy 代理可以用于跨域请求，以下是一个简单的实现代码：

// 在 vue.config.js 中配置代理
module.exports = {
  devServer: {
    proxy: {
      '/api': {
        target: 'http://localhost:3000', // 代理的目标地址
        changeOrigin: true, // 是否跨域
        pathRewrite: {
          '^/api': '' // 重写路径
        }
      }
    }
  }
}

在上述代码中，我们使用了 `devServer` 对象来配置代理，其中 `proxy` 对象用于配置代理规则。在这个例子中，我们将所有以 `/api` 开头的请求都代理到了 `http://localhost:3000`，并且使用了 `changeOrigin: true` 来开启跨域请求。

当我们发送请求时，只需要将请求地址改为 `/api` 开头即可：

axios.get('/api/users')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });