部署至Azure的Node.js Web应用返回403 Forbidden问题求助

根据我在Azure上部署Node.js应用的经验，出现403 Forbidden通常是启动配置、模板/静态文件处理或服务设置出了问题，结合你的index.html带有EJS模板语法的情况，给你几个排查和解决的方向：

1. 检查启动命令与入口文件配置 #

Azure App Service需要明确知道你的Node.js应用的启动入口，配置错误会导致服务无法正常启动，进而返回403：

• Azure门户设置：进入你的App Service → 配置 → 常规设置 → 启动命令，填写node server.js（替换成你的实际入口文件名，比如app.js）。
• 用Procfile指定：在项目根目录创建Procfile文件，内容写web: node server.js，Azure会自动读取这个启动指令。
• 同时确认package.json里有正确的start脚本：

  "scripts": {
    "start": "node server.js"
  }
  

2. 修复模板引擎配置问题 #

你的index.html里有<%= temp %>这种EJS模板语法，但文件后缀是.html，这会导致Express无法正确解析模板，引发访问错误：
如果用Express框架，务必正确配置EJS模板引擎：

const express = require('express');
const app = express();

// 配置EJS支持.html后缀的模板文件
app.set('view engine', 'ejs');
app.engine('html', require('ejs').renderFile);
// 指定模板文件所在目录（比如你的index.html在views文件夹下）
app.set('views', './views');

// 根路径路由，渲染模板并传入变量
app.get('/', (req, res) => {
  res.render('index', { temp: '测试内容' });
});

// 监听Azure分配的端口
const port = process.env.PORT || 3000;
app.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

同时确保项目结构合理：入口文件（server.js）在根目录，模板文件放在views文件夹下。

3. 检查App Service身份验证设置 #

如果你的App Service启用了身份验证功能但未正确配置，会阻止匿名访问返回403：

• 进入Azure门户的App Service → 身份验证 → 身份验证设置，不需要身份验证的话直接关闭该功能；如果需要，确保配置了允许匿名请求或正确的身份提供者。

4. 排查IP访问限制 #

如果App Service设置了IP访问限制，当前访问IP不在允许列表中也会返回403：

• 进入App Service → 网络 → 访问限制，查看是否有IP允许规则，若有，添加你的访问IP到列表，或暂时关闭限制测试。

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

确保部署到Azure的文件包含所有必要内容：package.json、入口文件、模板文件、依赖配置等。用GitHub Actions或Azure CLI部署时，不要忽略关键文件（比如.gitignore里不要包含必要的模板文件）。

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