kayt77/react-nginx

kayt77/react-nginx镜像说明

镜像概述

kayt77/react-nginx是一个整合React前端框架与Nginx服务器的Docker镜像，旨在简化React应用的容器化部署流程，让开发者能够快速将React项目打包为可运行的容器并对外提供服务。

核心功能

• 集成React构建环境与Nginx静态服务能力，实现前端应用的容器化打包
• 支持端口映射，可将容器内Nginx的80端口映射到主机端口，方便外部访问
• 轻量级设计，启动速度快且资源占用较低

使用场景

• 开发阶段快速验证React应用的容器化运行效果
• 小型项目或演示环境的React应用部署
• 作为基础镜像扩展自定义React应用配置

配置说明

1. 构建镜像：需确保项目根目录存在Dockerfile（用于将React构建产物复制到Nginx静态资源目录并配置Nginx）
2. 运行容器：通过-p参数映射主机端口与容器内Nginx的80端口，实现应用对外暴露

部署示例

Docker命令部署

bash
# 构建镜像（当前目录为项目根目录）
docker build -t kayt77/react-nginx .
# 运行容器（映射主机8080端口到容器80端口）
docker run --rm -it -p 8080:80 docker.xuanyuan.run/kayt77/react-nginx

Docker Compose部署

创建docker-compose.yml文件：

yaml
version: '3'
services:
  react-nginx-app:
    image: docker.xuanyuan.run/kayt77/react-nginx
    ports:
      - "8080:80"
    restart: unless-stopped

执行部署命令：

bash
docker-compose up -d