无法将 React 应用部署到 azure 应用服务

Question

我正在尝试将一个基本的 React 应用程序部署到 Azure 应用程序服务，但我无法让它工作。

该应用程序本身是根据npx create react app my-app命令创建的初始应用程序。 在尝试部署我的实际 React 应用程序之前，我想让它先工作。

Azure 应用服务是一个 Linux 设置，使用节点 16。我添加了“pm2 serve /home/site/wwwroot --no-daemon”作为启动命令。 我还在应用程序设置中添加了 PORT 3000 和 WEBSITE_PORT 3000 。

最后，我向 React 应用本身添加了一个 web.config 文件。

我所做的一切似乎都不起作用，因为它根本没有加载。 如果我尝试打开应用程序，我只会收到“应用程序错误”。

我在日志中看到的唯一两个错误是：

“……没有响应 HTTP 端口上的 ping：3000”和“……没有在预期的时限内启动”

我的部署通过 git 集线器设置为连续部署，但由于这是在构建时没有问题，我认为问题一定出在 Azure 应用服务设置中，但我不知道是什么。

有没有人有解决这个问题的想法？

Answer 1

可能是应用服务没有访问3000端口。

这取决于您如何设置需要修复的内容。 它可能是应用程序服务上的网络设置。 如果您的应用程序服务位于 .NET 上，则可能需要更新 .NET 上的设置。