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
      }
    }