在Azure App Service生产环境部署NextJS遇权限问题求助

你遇到的这个“无权查看此页面”的坑我之前也帮不少开发者踩过，先给你吃个定心丸：你找不到nextjs-server站点扩展是正常的——微软早就把Next.js的运行支持整合到App Service的Node.js运行时里了，那个旧扩展已经被弃用啦，不用再找它了。

下面给你一步步解决问题的实操方案：

1. 先确认部署的文件是否完整 #

别只传.next文件夹！你需要把项目根目录的这些核心文件一起传到Azure的site/wwwroot目录下：

• package.json（必须确保里面有"scripts": { "start": "next start" }这个命令）
• package-lock.json 或 yarn.lock（用来还原依赖）
• 如果有自定义环境变量文件.env，也要一起传（注意别把敏感信息暴露出去）

2. 给App Service指定正确的启动命令 #

Azure默认不会自动识别Next.js的启动逻辑，得手动告诉它怎么运行：

• 登录Azure门户，打开你的App Service资源
• 左侧菜单栏找到「配置」→「常规设置」
• 在「启动命令」输入框里填：npm run start（如果你用yarn就填yarn start）
• 点「保存」，然后重启App Service让配置生效

3. 核对Node.js版本是否匹配 #

Next.js对Node.js版本有要求（比如Next.js 13+需要Node.js 16.8及以上），如果Azure上的版本和你本地开发的版本差太多，很容易出问题：

• 还是在「配置」→「常规设置」里，找到「Node.js版本」选项
• 选择和你本地运行node -v输出一致的版本（比如18.x）
• 保存后重启服务

4. 看日志找隐藏问题 #

如果上面几步都做完还是不行，就去看日志抓具体报错：

• 左侧菜单「监测」→「日志流」，可以实时查看服务启动的日志信息，比如有没有依赖缺失、端口被占用的提示
• 也可以打开「高级工具」→「Kudu控制台」，进入site/wwwroot目录，手动运行npm run start，看看能不能正常启动，控制台会输出具体的错误原因

要是你觉得手动部署麻烦，也可以试试Azure的静态Web Apps服务，或者用GitHub Actions做自动部署，这些方式对Next.js的支持更友好。

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