Webpack-dev-server config用于将API调用从react-router路由到node / express路由器

Question

我有一个客户端react / redux应用程序需要通过快速路由器从我的节点快递收集数据。

在开发环境中，我们使用webpack-dev-server，它不会将/ api调用路由到express / node。 所以我们需要在devserver上配置代理。

这是配置：

  devServer: {
      proxy: { 
        '/api/*': 'http://localhost:8080'
      }    

每个/ api / any / whatever或者api /无论什么电话都必须重定向到node / express。

我在webpack控制台上收到以下错误：

[HPM] Error occurred while trying to proxy request /api/admin/user from localhost:8080 to http://localhost:8080 (ENOBUFS) (https://nodejs.org/api/errors.html#errors_common_system_errors)

问题：

• ENOBUFS在错误代码中的含义是什么？
• 我需要配置不同的端口或不同的节点/快速服务来提供API吗？
• 如何配置代理以调用快速/路由器API？

Answer 1

server.js

app.get("/api/data", (req, res) => {
  res.send("hi from server"); // replace me with real data
});

webpack.config

//need the ^ before your path name
proxy: {
      "^/api/*": {
        target: "http://localhost:3001/api/",
        secure: false
      }
    }