nginx部署前端页面

docker使用nginx部署前端项目

1.首先，创建目录 nginx, 用于存放后面的相关东西。
 mkdir -p ~/nginx/dist ~/nginx/logs ~/nginx/conf
2.拷贝容器内 Nginx 默认配置文件到本地当前目录下的 conf 目录，容器 ID 可以查看 docker ps -a
docker cp 6dd4380ba708:/etc/nginx/nginx.conf ~/nginx/conf
dist: 目录将映射为 nginx 容器配置的虚拟目录。
logs: 目录将映射为 nginx 容器的日志目录。
conf: 目录里的配置文件将映射为 nginx 容器的配置文件。
3.部署命令
docker run -d -p 8082:80 --name xian-web -v /root/nginx/dist:/usr/share/nginx/html -v /root/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v /root/nginx/logs:/var/log/nginx nginx
4.命令说明
-p 8082:80： 将容器的 80 端口映射到主机的 8082 端口。

--name runoob-nginx-test-web：将容器命名为 runoob-nginx-test-web。

-v ~/nginx/dist:/usr/share/nginx/html：将我们自己创建的 dist 目录挂载到容器的 /usr/share/nginx/html。

-v ~/nginx/conf/nginx.conf:/etc/nginx/nginx.conf：将我们自己创建的 nginx.conf 挂载到容器的 /etc/nginx/nginx.conf。

-v ~/nginx/logs:/var/log/nginx：将我们自己创建的 logs 挂载到容器的 /var/log/nginx。