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

听起来你想要部署一个基于Angular7的静态网站,而不需要在Azure webapps上使用任何节点服务器端代码。

我将跟随角形的官员 Getting started 解释部署步骤。

1. 在本地计算机上,这些步骤将创建 my-app 项目,包括 npm install -g @angular/cli ,请 ng new my-app 和 cd my-app . 我将跳过有关编辑和 ng serve 按以下步骤直接构建。
2. 我会得到一个 dist 目录位于 我的应用程序 刚开始时的路径 ng build . 接下来,我只需要复制 dist/my-app 目录到目录 wwwroot 通过kudu控制台或ftp或其他方式访问Azure webapp。然后,当浏览URL https://<your-website-name>.azurewebsites.net 如下图所示。
3. 如果你想通过网站主机和路径显示你的角型应用,比如 https://<your-website-name>.azurewebsites.net/docs ,您可以通过 ng build --prod --output-path docs --base-href 这将创建一个 docs 目录下 我的应用程序 然后直接复制 文档 目录到 网站根目录 ,然后开始工作 https://<您的网站名称>.azurewebsites.net/docs 如上图所示。

这是我的截图 网站根目录 库杜之路。