node.js - Webpack-dev-server 配置将 API 调用从 React-router 路由到 Node/Express 路由器

Question

我有一个客户端 React/Redux 应用程序，需要使用 Express 路由器从我的 Node Express 收集数据。

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

这是配置:

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

每个/api/whatever/whatever 或 api/whatever 调用都必须重定向到 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 意味着什么？
• 我是否需要配置不同的端口或不同的 Node/快速服务来为 API 提供服务？
• 如何配置代理来调用express/router API？

Answer 1

服务器.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
      }
    }