Linux azure Web 应用程序找不到资产文件，React 应用程序

Question

我正在将 React 应用程序部署到 Linux 上的 Azure Web 应用程序。节点 v20.在本地，运行正常。 发布管道运行良好。我什至曾经 通过 scm.azurewebsites.net/webssh/host 删除文件并重新部署，它可以工作。 但是，当我尝试导航到我的应用程序时，它无法加载。该网站看起来就像是新网站，带有 Microsoft 演示页面。

然后我尝试查看高级工具->站点 wwwroot，但没有报告 wwwroot 目录上的文件，而是尝试在浏览器开发工具控制台上加载我的应用程序，但出现两个错误：

mysite.scm.azurewebsites.net/assets/index-Taz5NJvN.js net::ERR_ABORTED 404（未找到）

[这是wwwroot文件夹]

我注意到它加载了index.html，因为它将网页的标题更改为我的应用程序标题。

我已通过 Azure -> 开发工具 ->ssh 检查了 /wwwroot 目录，并且资产目录包含这些文件。

我一直在搜索和谷歌搜索，但一点运气都没有。 我用过

pm2 serve /home/site/wwwroot --no-daemon --spa

和

npx serve -s

在启动命令中，该应用程序也是使用 Vite 创建的。 如果有人可以帮助我运行这个应用程序，我将不胜感激。

Answer 1

我创建了一个示例 vite+react 应用程序。

确保在将应用程序部署到 azure 应用服务之前构建应用程序

npm run build

运行上述命令后，会生成

dist 

文件夹， 其中包含将应用程序部署到 azure 应用服务所需的一切。

• 将应用程序部署到azure应用程序服务后，即使我在启动命令时也遇到了同样的问题。

• 我在Azure Web应用程序的配置部分配置了以下启动命令。

pm2 serve /home/site/wwwroot/dist --no-daemon --spa

• 您可以在KUDU中找到部署的文件。

部署后输出：