显示文件结构而不是实际网页的应用服务 Web 应用答案

【问题标题】：App Service web app showing file structure instead of actual web apge显示文件结构而不是实际网页的应用服务 Web 应用
【发布时间】：2022-01-15 05:37:03
【问题描述】：

今天我已将我的客户端 React 应用部署到 Azure 应用服务。问题是，它不是显示我感兴趣的站点，而是返回 wwwroot 的结构。即使我将目录更改为 /src/App.js，它也会返回应用程序的代码。有什么问题？

【问题讨论】：

【解决方案1】：

当您在 Windows Azure Web Apps 上运行节点应用程序时，IIS 与 iisnode 一起用作 Web 服务器，并且很可能某些配置有误，因此 IIS 不知道从什么开始。我建议让 Azure 处理 web.config 的创建，除非你知道自己在做什么，否则不要碰它：

创建一个文件.deployment，内容如下

[config]
SCM_DO_BUILD_DURING_DEPLOYMENT = true

将.deployment 文件以及你的 React 应用程序的内容放入（不要包含 web.config，你也不必包含 node_modules 文件夹，Azure 会处理这个因为 SCM_DO_BUILD_DURING_DEPLOYMENT 设置为 true) 到 upload.zip 文件中。
删除Azure中/wwwroot的内容
运行az webapp deployment source config-zip -g <ResourceGroupName> -n <AppServiceName> --src upload.zip

应该创建一个新的 web.config，其中应该包含 server.js 的处理程序，这将是 Node.js 提供的文件。

【讨论】：

【解决方案2】：

解决了。感谢@azium

我唯一需要做的就是运行

npm run build

部署前在本地

【讨论】：