尝试通过另一个 Web 应用程序在 Web 应用程序中调用 API 时出错 - Azure

Getting error when trying to call API inside Web App through another Web App - Azure

我有两个 Web 应用程序,在同一个应用程序服务中。一个是后端部分(上面有 API,使用 .NET Core,安装了 SSL 证书),另一个是前端(ReactTS,使用 create-react-app 创建)。

当我尝试使用我的前端调用 API 方法(一种 Auth 方法)时,我收到此消息作为响应:

Login failed: The resource you are looking for has been removed, had its name changed, or is temporarily unavailable.

-404 error

另一个事实是,如果我在本地 运行 我的前端解决方案,我可以正常使用 API(发布在 Web App 上)。

我的API URL设置在package.json文件里面,如proxy.

我的第一个想法是 CORS 问题,但它引发了 404 错误。

我可以在我的 Azure 上进行的任何配置,或者我需要在我的应用程序中进行更改以允许我的前端与我的 API?

进行通信的任何配置

如果我们将两个 Web 应用程序发布到一个 Azure Web App,则后一个将覆盖第一个。这将导致第一个 Web 应用程序无法运行。我建议您为 Web 应用程序创建不同的 Azure Web Apps。您可以为您的 Azure Web 应用程序选择一个 Azure Web 应用程序计划。除了共享计划外,它不会增加额外费用。

如果您使用共享应用程序计划并且不想增加额外费用,您可以将虚拟目录添加到您的 Azure Web 应用程序。然后您可以将您的第二个 Web 应用程序发布到虚拟目录。创建虚拟目录,步骤如下,供您参考。

Azure 门户 -> Web 应用程序面板 -> 应用程序设置