手动将Angle App部署到Azure App Service

时间:2019-08-27 02:14:19

标签: angular azure azure-web-sites

我试图通过运行“ ng build --prod”并将生成的文件从“ dist / app”文件夹复制到我的Azure应用程序服务的wwwroot文件夹中,手动将我的角度应用程序部署到天蓝色。由于某些原因,在删除这些文件后,应用程序服务仍显示默认的应用程序服务页面,而不是我的应用程序。这是我移到应用程序服务的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扩展进行部署都没有效果,因此我认为这是让我的应用程序运行的最简单方法。如果这是一个愚蠢的问题,我很抱歉,我想念一些东西。

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

鉴于此问题已有一年多的历史,所以我认为您已经找到答案或放弃了。 昨晚我在这个问题上呆了好几个小时,但第二天很快就解决了(不是经常这样!)。

我将Angluar应用程序部署到Linux Node 12 App Service中。默认情况下,此服务投放opt/startup/hostingstart.html(您正在看到的默认页面),您需要将其指向/home/site/wwwroot

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

完成。