Docker部署Ionic React-vite应用遇连接重置问题求助

你的问题核心是Ionic开发服务器默认绑定localhost，而Docker容器内的localhost仅能被容器内部访问，外部主机无法通过端口映射连接。需要将服务器监听地址改为0.0.0.0，让它监听容器的所有网络接口，这样主机就能通过映射的8100端口访问应用。

解决方案（二选一即可） #

方案1：修改项目的package.json脚本 #

打开项目根目录的package.json，找到scripts下的start命令，添加--host 0.0.0.0参数：

{
  "scripts": {
    "start": "ionic serve --host 0.0.0.0"
  }
}

方案2：直接修改Dockerfile的启动命令 #

修改Dockerfile的CMD行，直接指定ionic serve并添加--host参数：

FROM node:18-alpine
WORKDIR /app
COPY package*.json /app/
RUN npm install -g @ionic/cli
RUN npm install
COPY / /app/
CMD [ "ionic", "serve", "--host", "0.0.0.0" ]

操作步骤 #

1. 保存修改后的配置文件
2. 重新构建镜像：

docker-compose build web

3. 重启容器：

docker-compose up -d web

完成后，主机访问http://localhost:8100即可正常打开你的Ionic React-Vite应用。

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