Angular SSR部署至Azure App Service出现权限错误求助

1. 配置正确的启动命令 #

Azure App Service需要明确SSR服务的启动入口：

• 登录Azure门户，进入目标App Service → 配置 → 常规设置
• 在「启动命令」栏填入：node dist/[你的项目名称]/server/main.js
  替换[你的项目名称]为实际项目名称，比如项目名为angular-ssr-app，则命令为node dist/angular-ssr-app/server/main.js

2. 确认部署文件完整性 #

确保部署的是完整的SSR构建产物：

• 本地执行npm run build:dev:ssr后，构建产物存放在dist/目录下，需将整个dist/目录上传至Azure的site/wwwroot目录
• 必须包含server目录（服务端代码）和browser目录（客户端代码），不能仅上传客户端文件

3. 保持Node.js版本一致 #

本地与Azure的Node.js版本需匹配，避免兼容性问题：

• 本地执行node -v查看当前版本
• 在Azure门户的App Service → 配置 → 常规设置中，将Node.js版本设置为与本地一致

4. 修复目录权限问题 #

通过Kudu控制台检查并修复文件权限：

• 进入App Service → 高级工具 → 点击「Go」打开Kudu控制台
• 执行命令ls -la site/wwwroot/dist查看目录权限，若权限不足，执行chmod -R 755 site/wwwroot/dist/赋予读写执行权限

5. 查看日志定位根因 #

通过日志排查具体启动错误：

• 在Azure门户的App Service → 日志流查看实时运行日志，检查是否存在文件缺失、依赖报错等信息
• 也可在Kudu控制台的LogFiles目录下查看详细错误日志，精准定位问题

内容的提问来源于stack exchange，提问作者Bhupendra Singh Sisodiya