Docker容器内无法访问Astro应用默认端口4321求助

我搭建了带示例数据的基础Astro骨架应用，本地运行npm run dev脚本后可通过localhost:4321访问站点。但将其制作为容器运行后，无法通过localhost:4321访问该站点。

我的Dockerfile #

FROM node:18-alpine
WORKDIR /app

COPY package.json package-lock.json ./

COPY . .

RUN npm install

EXPOSE 4321

CMD [ "npm", "run", "dev" ]

构建与运行命令 #

docker build -t personal-site-astro .
docker run -p 4321:4321 personal-site-astro

问题原因与解决方法 #

• 核心问题：Astro开发服务器默认仅监听127.0.0.1，这个地址只能在容器内部访问，外部主机无法穿透。要让容器内的服务对外可访问，必须让服务监听0.0.0.0（允许所有网络接口访问）。

两种解决方式： #

1. 修改项目的package.json：
   打开项目根目录的package.json，更新dev脚本，添加--host 0.0.0.0参数：

   "scripts": {
     "dev": "astro dev --host 0.0.0.0"
   }
   

2. 直接修改Dockerfile的CMD命令：
   不需要改动项目文件，直接在Dockerfile中给npm run dev追加参数：

   CMD [ "npm", "run", "dev", "--", "--host", "0.0.0.0" ]
   

完成上述任一修改后，重新执行构建和运行命令，就能通过localhost:4321访问容器内的Astro站点了。

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