Docker容器化NextJs+NextAuth应用无法访问Login API的解决求助

核心问题 #

容器内的localhost指向容器自身，而非宿主机或其他容器，这就是你在NextJS容器里访问http://localhost:8080被拒绝的原因——容器自己没有运行8080端口的登录服务。

方案1：Docker Compose自定义网络（推荐） #

自定义网络支持容器通过服务名称互相访问，是Docker容器间通信的标准方式：

1. 编写docker-compose.yml，将API和NextJS服务加入同一个网络：

version: '3.8'
services:
  login-api:
    image: 你的登录API镜像名
    ports:
      - "8080:8080"
    networks:
      - app-network

  nextjs-ui:
    image: 你的NextJS镜像名
    ports:
      - "3000:3000"
    environment:
      - LOGIN_API=http://login-api:8080/api/account/login  # 用服务名替代localhost
    networks:
      - app-network

networks:
  app-network:
    driver: bridge

2. 修改CommonUtils.js，让LOGIN_API优先读取环境变量：

export const LOGIN_API = process.env.LOGIN_API || "http://localhost:8080/api/account/login";

3. 执行docker-compose up启动所有服务，此时NextJS容器就能通过login-api服务名访问API容器。

方案2：手动创建网络（无需Compose） #

如果不想用Compose，可手动创建网络并连接两个容器：

1. 创建自定义网络：

docker network create app-network

2. 启动API容器并加入网络：

docker run --name login-api --network app-network -p 8080:8080 你的登录API镜像名

3. 启动NextJS容器并加入同一网络，同时设置环境变量：

docker run --name nextjs-ui --network app-network -p 3000:3000 -e LOGIN_API=http://login-api:8080/api/account/login 你的NextJS镜像名

4. 同样修改CommonUtils.js读取环境变量，确保API地址指向login-api:8080。

方案3：Windows下用宿主机特殊地址访问（快速测试） #

如果API容器已将端口映射到宿主机（启动时加了-p 8080:8080），可在NextJS容器里用Docker提供的host.docker.internal替代localhost：

1. 修改LOGIN_API为http://host.docker.internal:8080/api/account/login
2. 正常启动NextJS容器即可，无需额外网络配置

此方法依赖API端口映射到宿主机，适合快速测试，生产环境更推荐方案1或2。

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