在 webpack 和 API 之间创建一个 expressjs 代理服务器

Question

您好，我正在使用 webpack 创建一个 Web 应用程序，它使 REST api 调用后端服务器。我遇到的问题是 CORS 问题，所以我需要使用代理。

这让我知道如何将端口 (8080) 上运行的 wepback-dev-server 连接到端口 (7000) 上运行的 api 服务器？我的代理服务器运行会和端口（8080）一样吗？

我阅读了 expressjs、npm node-http-proxy 和 webpack，但很难将它们结合在一起。

我是代理新手。

Answer 1

在 webpack-dev-server 的示例配置下方，请参阅代理选项

var config = {

  // webpack stuff here ...

  //dev server configuration
  devServer: {

    // ...

    // every request made to 'locahost:8080/api/xxxx' will be proxyfied to 'http://localhost:7000/api/xxxx'
    proxy: {
      "/api/*": {
        target: "http://localhost:7000",
        secure: false,
        rewrite: function(req, options) {
          //you can handle rewrite here if you need to        
        }
      },

    }
  },
 // 
};

module.exports = config;

如此处所述https://webpack.github.io/docs/webpack-dev-server.html#proxy

希望对您有所帮助，

编辑至于 webpack-dev-server v 1.14.1 'rewrite' 仍然实现

在 webpack 和 API 之间创建一个 expressjs 代理服务器

Creating a expressjs proxy server between webpack and API

api

web-applications

http-proxy

express

webpack