启用Firebase Frameworks部署Next.js动态页面遇403禁止访问问题

• 检查 Firebase Hosting 重写规则
  确认firebase.json中的重写配置指向正确的SSR函数，函数名需与GCP Cloud Functions中实际生成的SSR函数完全一致（通常为nextjs-ssr或自定义名称）：

  {
    "hosting": {
      "rewrites": [
        {
          "source": "**",
          "function": "nextjs-ssr"
        }
      ]
    }
  }
  

• 验证 Cloud Function 权限生效状态

  1. 进入GCP IAM控制台，找到目标SSR函数
  2. 确认allUsers主体已被分配roles/cloudfunctions.invoker角色，且权限状态为已启用
  3. 权限配置后需等待1-2分钟生效，不要立即测试

• 检查 Hosting 安全规则
  确保hosting未设置限制访问的规则，正确的读取规则应为：

  {
    "hosting": {
      "rules": {
        ".read": true
      }
    }
  }
  

• 排查动态路由代码逻辑

  1. 查看动态页面（如app/post/[id]/page.js或pages/post/[id].js）的服务端渲染逻辑，确认是否存在自定义权限校验导致的403错误
  2. 通过firebase functions:log或GCP控制台查看函数日志，定位是否为代码内部抛出的Forbidden异常

• 重新部署同步配置
  执行全量部署确保配置与代码完全同步：

  firebase deploy --only hosting,functions
  

内容的提问来源于stack exchange，提问作者List To Profit