使用vue-cli代理请求到单独的后端服务器

我正在使用vue-cli webpack-simple模板来生成我的项目,并且我想将请求代理到单独的后端服务器。如何轻松实现?

小宇宙猴子2020/03/12 15:26:48

@ vue / cli 3.x中

  • 如果您还没有文件,请在项目vue.config.js文件夹中创建一个文件
  • 其内容如下:
// 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
            }
        }
    }
};