我在用vue-cli webpack-simple模板来生成我的项目，我想将请求代理到单独的后端服务器。如何才能轻松实现这一目标？

In @vue/cli 3.x:

• 创建一个vue.config.js文件在root项目的文件夹（如果您还没有）。
• 其内容如下：

// vue.config.js
module.exports = {
  devServer: {
    proxy: {
      "/gists": {
        target: "https://api.github.com",
        secure: false
      }
    }
  }
};

现在任何调用（假设您的开发服务器位于localhost:8080) http://localhost:8080/gists将被重定向到https://api.github.com/gists.

另一个例子：代理所有调用

假设您有一个本地后端服务器，通常部署在localhost:5000并且您希望将所有呼叫重定向至/api/anything到它。使用：

// vue.config.js
module.exports = {
    devServer: {
        proxy: {
            "/api/*": {
                target: "http://localhost:5000",
                secure: false
            }
        }
    }
};