Azure App Service无法显示VS Code部署的Node.js Angular应用，提示权限不足

常见排查与解决步骤 #

• 确认Angular生产构建完成
  本地先执行正确的构建命令：
  旧版Angular：ng build --prod
  新版Angular：ng build --configuration production
  构建完成后会生成dist目录，部署时要选择dist下的应用子目录作为部署源，而非项目根目录。

• 配置默认文档优先级
  登录Azure门户，进入目标App Service：

  1. 左侧菜单选择「配置」→「默认文档」
  2. 添加index.html到列表，并将其拖动到最顶端，确保服务器优先加载该文件。

• 配置Express服务器路由 fallback（若使用Node.js托管）
  如果用Express作为静态文件服务器，需添加路由 fallback 确保单页应用路由正常：
  在server.js中添加以下代码：

  const express = require('express');
  const path = require('path');
  const app = express();
  
  // 托管Angular构建后的静态文件
  app.use(express.static(path.join(__dirname, 'dist/你的应用名称')));
  
  // 所有请求返回index.html，支持Angular路由
  app.get('*', (req, res) => {
    res.sendFile(path.join(__dirname, 'dist/你的应用名称/index.html'));
  });
  
  // 监听端口（Azure会自动分配PORT环境变量）
  const port = process.env.PORT || 3000;
  app.listen(port, () => {
    console.log(`服务器运行在端口 ${port}`);
  });
  

  同时修改package.json的start脚本："start": "node server.js"

• 检查部署文件与权限
  通过Azure门户的「高级工具」→「Kudu」→「CMD」，进入site/wwwroot目录，确认index.html存在于正确路径下，且文件权限无异常。

• 核对Node.js运行时版本
  在App Service的「配置」→「常规设置」中，设置与本地开发环境一致的Node.js版本，避免版本兼容性问题。

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