Docker部署SvelteKit应用无法通过浏览器访问问题排查

我把基于SvelteKit的Svelte应用做了容器化处理，构建和运行过程均无报错，但浏览器无法访问。尝试访问http://localhost:5050/和http://0.0.0.0:5050/时，页面返回：

This page isn’t working
localhost didn’t send any data.
ERR_EMPTY_RESPONSE

我的Dockerfile： #

# Node基础镜像
FROM node:19-alpine

# 设置Node环境为开发环境，确保安装所有依赖包
ENV NODE_ENV development

# 设置工作目录
WORKDIR /app

# 复制package.json和锁文件，优化构建流程
COPY  package.json package-lock.json ./
# 安装Node依赖
RUN npm install

# 复制剩余项目文件
COPY . .

RUN npm run build

# 暴露端口
ENV PORT 5050
EXPOSE 5050

# 启动开发服务，设置host为0.0.0.0以允许外部访问
CMD ["npm", "run", "dev"]

构建与运行命令： #

构建命令：
docker build -t sveltekit:node --network=host .

运行命令：
docker run -d -p 5050:5050 --name sveltekit-app sveltekit:node

docker ps输出： #

a9e241b09fd3 

IMAGE            
sveltekit:node

COMMAND 
"docker-entrypoint.s…"                 

CREATED       
About a minute ago        

STATUS
Up About a minute               

PORTS          
0.0.0.0:5050->5050/tcp           

NAMES
sveltekit-app

我哪里遗漏了？

更新：容器日志 #

2022-11-30 19:09:18 
2022-11-30 19:09:18 > dundermifflin-ui@0.0.1 start
2022-11-30 19:09:18 > export PORT=8080 && node ./build
2022-11-30 19:09:18 
2022-11-30 19:09:18 Listening on 0.0.0.0:8080

为什么容器监听的是8080端口？我已经把package.json里的dev命令改成了：
"dev": "vite dev --port=5050"
这不是已经强制指定5050端口了吗？

问题解答 #

• 端口不匹配的核心原因：容器日志显示执行的是start脚本而非dev命令，说明你的CMD配置未生效，或容器启动时触发了错误的npm脚本。检查package.json，确认是否存在start脚本覆盖了预期的启动逻辑。
• 核心修复步骤：
  1. 确保dev服务监听外部请求：SvelteKit dev服务默认仅监听127.0.0.1，容器内必须监听0.0.0.0才能被外部访问，修改package.json的dev命令为：

     "dev": "vite dev --host=0.0.0.0 --port=5050"
     

  2. 强制Docker执行正确命令：在Dockerfile的CMD中直接指定参数，避免依赖package.json配置：

     CMD ["npm", "run", "dev", "--", "--host=0.0.0.0", "--port=5050"]
     

  3. 解决端口映射冲突：如果容器确实在运行start脚本（生产环境服务），要么修改start脚本的端口为5050，要么将Docker运行命令改为docker run -d -p 5050:8080 --name sveltekit-app sveltekit:node，同时确保生产服务也监听0.0.0.0。
• 额外优化建议：
  • 开发环境下无需提前执行npm run build，dev服务会实时编译，可删除该步骤加快构建速度。
  • 非特殊需求不要使用--network=host运行容器，保持端口映射的隔离性更安全。

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