IntelliJ中Angular项目部署至Azure App Service遇问题求助

问题根源 #

你误用了Azure Web Service插件的Java构件部署入口，但你的Azure App Service是Node.js运行时，插件因此报错要求选择Java运行时的Web App。YouTube教程里的流程是直接部署静态构建产物，走的是通用文件部署路径，而非Java专属的部署通道。

正确操作步骤 #

1. 构建Angular项目
   在项目根目录执行构建命令：

   ng build --prod
   

   构建完成后会生成dist（或dist/[你的项目名]，取决于Angular配置）目录，这是需要部署的静态文件目录。

2. 选择正确的部署入口

   • 打开IntelliJ右侧的Azure工具窗口
   • 找到你创建的Node20运行时Web App，右键点击它
   • 选择Deploy to Web App...（注意不要选Java专属的部署选项）
   • 在弹窗中选择Local Directory，然后选中刚才生成的dist（或dist/[你的项目名]）目录
   • 点击Deploy，插件会自动完成静态文件的上传部署

3. 验证Azure配置（可选）

   • 确认Azure门户中Web App的配置>常规设置里，运行时确实是Node20
   • 若需要用Node.js托管静态文件，可在配置>常规设置的启动命令中设置：npx serve -s dist/[你的项目名]
   • Azure默认会识别静态网站的index.html作为默认文档，无需额外配置

内容的提问来源于stack exchange，提问作者Andreas