ASP.NET Web API/React SPA

Question

我已完全（多次） 遵循 .NET 教程创建天气预报 API/SPA 对，但两者无法通信。 这是错误，它在 React SPA 的控制台日志中报告：

加载资源失败：服务器响应状态为 504 (Gateway Timeout):3000/weatherforecast:1

我不完全了解代理，但我的理解是，如果端口匹配，从 API 向 SPA 发送数据的过程应该可以工作。 这是我当前关于端口的设置：

启动设置.JSON (API)

{
  "$schema": "https://json.schemastore.org/launchsettings.json",
  "iisSettings": {
    "windowsAuthentication": false,
    "anonymousAuthentication": true,
    "iisExpress": {
      "applicationUrl": "http://localhost:8772",
      "sslPort": 44311
    }
  },
  "profiles": {
    "API": {
      "commandName": "Project",
      "launchBrowser": true,
      "launchUrl": "swagger",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      },
      "applicationUrl": "https://localhost:7036;http://localhost:5036",
      "dotnetRunMessages": true
    },
    "IIS Express": {
      "commandName": "IISExpress",
      "launchBrowser": true,
      "launchUrl": "swagger",
      "environmentVariables": {
        "ASPNETCORE_ENVIRONMENT": "Development"
      }
    }
  }
}

setupProxy.js（反应 SPA）

const { createProxyMiddleware } = require('http-proxy-middleware');

const context = [
    "/weatherforecast",
];

module.exports = function (app) {
    const appProxy = createProxyMiddleware(context, {
        target: 'https://localhost:8772',
        secure: false
    });

    app.use(appProxy);
};

我的理解是这两个应用程序应该能够通信，因为它们有一个共同的端口8772，但我想我的假设一定是错误的？ 谢谢你的支持。