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

webpack Webpack

西门达蒙Davaid

2020-03-12

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

第1058篇《使用vue-cli代理请求到单独的后端服务器》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共1个回答
小宇宙猴子 2020.03.12

在@ 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
            }
        }
    }
};

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android