手动将 Angular 应用部署到 Azure 应用服务

Question

我正在尝试通过运行“ng build --prod”并将结果文件从“dist/app”文件夹复制到我的 Azure 应用程序服务的 wwwroot 文件夹来手动将我的 angular 应用程序部署到 azure。 出于某种原因，删除这些文件后，应用服务仍显示默认应用服务页面而不是我的应用。 以下是我移动到应用服务的 wwwroot 文件夹中的文件列表：

3rdpartylicenses.txt
favicon.ico
index.html
main-es2015.44f50893493deaba9227.js
main-es5.7eeefa6c83ea76b2321d.js
polyfills-es2015.e4a1185e6871d06f842f.js
polyfills-es5.68227219af2d6f215f11.js
runtime-es2015.10a1f01eef199006286d.js
runtime-es5.9ad22a88fcc70a015907.js
styles.2076d395e173f994808e.css
web.config

我已经尝试了几天让我的应用程序运行，但通过 kudu 构建或通过 VS Code Azure App Service 扩展进行部署都没有奏效，所以我认为这将是让我的应用程序运行的最简单方法。 如果这是一个愚蠢的问题并且我遗漏了一些东西，我深表歉意。

Answer 1

我能够通过从使用 Linux 应用服务切换到 Windows 应用服务来解决这个问题。 我所做的其他一切都完全相同。 我仍然很好奇为什么我所做的在 Linux 上不起作用，但我想这是一个解决方案。

Answer 2

鉴于这个问题已经一年多了，我假设您要么找到了答案，要么放弃了。 昨晚我被这个问题困了好几个小时，但第二天很快就解决了（不是经常发生的情况！）。

我将我的 Angluar 应用程序部署到 Linux Node 12 App Service 中。 默认情况下，它提供opt/startup/hostingstart.html （您看到的默认页面），您需要将其指向/home/site/wwwroot 。

为此，请进入 Azure 应用服务，转到配置选项卡 -> 常规设置，然后在启动命令中输入以下内容： pm2 serve /home/site/wwwroot --no-daemon --spa

完毕。