代理錯誤：無法將請求從 localhost:3000 代理到 http://localhost:44381/ (ECONNREFUSED)

Question

我正在使用 ReactJS 和 ASP.NET 開發單頁應用程序 (SPA)。 我正在嘗試從客戶端代碼對端點執行 HTTP 請求。 我使用了默認的 ASP.NET SPA 模板並更改了我的配置，如下所示。

            fetch(`/items/${id}`).then((response: any) => {
                return response.data;
            })

我修改了默認的 web api 模板並在開發中使用代理服務器。 像這樣：

            app.UseSpa(spa =>
             {
                spa.Options.SourcePath = "Client";

                if (env.IsDevelopment())
                {
                    spa.UseProxyToSpaDevelopmentServer("http://127.0.0.1:3000/");
                    //spa.UseReactDevelopmentServer(npmScript: "start");
                }
            });

當我在 React 客戶端代碼中執行 fetch 時，我收到此錯誤： Proxy error: Could not proxy request /items/1 from localhost:3000 to http://localhost:44381/ (ECONNREFUSED).

如何配置我的服務器端代碼來代理請求？

Answer 1

根據 GitHub 上的鏈接問題，從 .Net Core 3.1 開始， spa.UseReactDevelopmentServer應該已經設置了代理服務器本身。 因此，您可能不需要自己手動調用spa.UseProxyToSpaDevelopmentServer 。

https://github.com/dotnet/AspNetCore.Docs/issues/12008#issuecomment-573453266