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

您好，我正在使用webpack创建一个web应用程序，它对后端服务器进行RESTAPI调用。我的问题是CORS问题，所以我需要使用代理

这就引出了如何将运行在端口（8080）上的wepback dev服务器连接到运行在端口（7000）上的api服务器？我的代理服务器是否与端口（8080）运行相同

我读过expressjs、npm节点http代理和webpack，但很难将它们结合在一起

---

我是代理新手。

在Web包开发服务器的示例配置下面，请参阅代理选项

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;

如本文所述

希望有帮助

---

编辑对于webpack dev server v 1.14.1，“重写”仍在实施

好的，谢谢！另一个问题是，当它投入生产时，它会起作用吗？从我所读到的网页包中，dev服务器仅用于开发环境。