使用Docker部署React应用

❤️ ,使用docker部署React前端和部署静态网站是一样的。

1.思路：Nginx转发 ->容器

2.使用Dockerfile创建一个镜像

# 设置基础镜像

FROM nginx

# iwh冬

MAINTAINER AnyName

#文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面

COPY react/  /usr/share/nginx/html/

COPY nginx.conf /etc/nginx/nginx.conf

RUN echo 'echo React init ok!!'

将Dockerfile和react放到一个目录：

执行 docker build -t 镜像名字 .

注意上面的点！

然后运行创建容器：

docker run --name 容器名字 -d  -p 主机端口:80  镜像名

如果你需要映射主机目录

docker run --name 容器名字 -d  -p 主机端口:80 -v /主机目录:/容器目录  镜像名

修改Nginx配置指向 容器暴露的主机端口。

Nginx - t
Ngginx -s reload