Next.js 13 + NextAuth部署Docker后无法登录求助

1. 优先排查容器网络连通性 #

• 前端容器内无法通过localhost访问后端，必须使用后端容器名/服务名或Docker网络别名。在前端容器内执行测试命令：

  curl http://<django-container-service-name>:8000/api/auth/token/
  

  替换成实际的后端服务名（比如Docker Compose里的service名称），验证是否能正常拿到响应。
• 确认前端、后端容器处于同一Docker网络：自定义网络直接检查容器归属，默认桥接网络则尝试用容器IP访问测试。

2. 修正NEXTAUTH_URL配置 #

• NEXTAUTH_URL必须设置为前端对外暴露的访问地址，比如用户在浏览器输入的http://<宿主机IP>:3000或http://localhost:3000，绝对不能设为后端的8000端口。
• 若使用Docker Compose，环境变量配置示例：

  environment:
    - NEXTAUTH_URL=http://localhost:3000
  

3. 检查NextAuth与Django的接口配置 #

• 修改[...nextauth].js中的Django token接口地址，改用容器间可访问的服务名，比如：

  providers: [
    CredentialsProvider({
      async authorize(credentials) {
        const res = await fetch("http://backend:8000/api/token/", {
          // 其他配置
        })
      }
    })
  ]
  

• 开启NextAuth调试模式，查看容器日志定位错误：在配置中添加debug: true，然后执行docker logs <frontend-container-id>查看详细请求日志。

4. 配置Django的CORS与CSRF规则 #

• 在Django的settings.py中添加前端地址到CORS白名单：

  CORS_ALLOWED_ORIGINS = [
      "http://localhost:3000",
      "http://<宿主机IP>:3000",
  ]
  

• 若登录接口出现CSRF拦截，可临时在views.py中给登录视图添加@csrf_exempt装饰器（生产环境需按需调整）。

5. 分析日志与网络请求细节 #

• 查看后端容器日志，确认是否收到前端的登录请求：若未收到，说明网络连通性有问题；若收到但无响应，检查后端是否有数据库连接、凭证验证逻辑错误。
• 打开浏览器开发者工具的Network标签，查看两次请求的状态码、响应内容：重点排查404/500错误、CORS报错、请求头缺失等问题。

6. 验证端口映射配置 #

• 确认前端容器端口映射正确，比如docker run -p 3000:3000或Docker Compose中的ports配置，确保宿主机端口未被占用。

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