将Angular 7应用程序部署到Azure Web App

Question

我发现了很多有关如何将Angle App部署到Azure Web App的文章。但是没有工作。我找到了一个解决方案，其中创建了一个Visual Studio Web项目，从Visual Studio Code Project复制dist文件，然后从Visual Studio进行部署。但是，这并不真正有效。我猜该Web应用程序需要一些web.config文件..没有比这更好的方法了吗？我希望直接从Visual Studio Code进行部署，而无需使用asp.net Web项目。如果我只是部署，导航到页面时会出现以下错误：

Cannot GET /

在本文中，您似乎所需要的只是NodeJS的更高版本：

https://dzone.com/articles/deploy-an-angular-app-from-visual-studio-code-to-a-1

但是剂量似乎起作用。

Answer 1

听起来您想部署一个基于Angular 7的静态网站，而Azure WebApp上没有任何节点服务器端代码。

我将遵循Angular官方Getting started来解释部署步骤。

1. 在我的本地计算机上，这些步骤将创建my-app项目，其中包括npm install -g @angular/cli，ng new my-app和cd my-app。我将跳过以下有关编辑和ng serve的步骤，直接按照以下步骤进行构建。
2. 只需执行dist，我就会在my-app路径下得到一个ng build目录。接下来，我只需要通过Kudu控制台或FTP或其他方式将dist/my-app目录下的所有文件复制到Azure WebApp的目录wwwroot上。然后，当浏览器的URL https://<your-website-name>.azurewebsites.net如下图所示时，它就可以工作。
3. 如果您想通过带有路径的网站托管服务商（例如https://<your-website-name>.azurewebsites.net/docs来展示角度应用程序，则可以通过ng build --prod --output-path docs --base-href构建应用程序，该应用程序将在{{下创建一个docs目录1}}路径，然后将my-app目录直接复制到docs，然后从浏览器在wwwroot上运行，如上图所示。

这是我在Kudu中的https://<your-website-name>.azurewebsites.net/docs路径的屏幕截图。