计算机系统应用教程网站

网站首页 > 技术文章 正文

教你一招如何利用docker nginx快速部署前端项目

btikc 2024-09-12 12:04:11 技术文章 11 ℃ 0 评论

很多稍微年纪点程序员都很苦恼部署的繁琐步骤,现在教你一招就能快速部署前端项目

docker拉取 nginx镜像


不通过挂载执行启动一个Nginx容器方便后面的挂载

docker run --name nginx -p 8080:80 -d nginx

拷贝目录如何本地没有对应挂载目录需要新建

# 创建挂载目录

mkdir -p /home/nginx/conf

mkdir -p /home/nginx/log

mkdir -p /home/nginx/html

拷贝容器的内容到宿主机对应的目录

# 将容器nginx.conf文件复制到宿主机

docker cp nginx:/etc/nginx/nginx.conf /home/nginx/conf/

# 将容器conf.d文件夹下内容复制到宿主机

docker cp nginx:/etc/nginx/conf.d /home/nginx/conf/

# 将容器中的html文件夹复制到宿主机

docker cp nginx:/usr/share/nginx/html /home/nginx/

停止删除原来的容器

最后执行命令

docker run \

-p 80:80 \

--name nginx \

-v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \

-v /home/nginx/conf/conf.d:/etc/nginx/conf.d \

-v /home/nginx/log:/var/log/nginx \

-v /home/nginx/html:/usr/share/nginx/html \

-d --restart=always nginx


看到上面docker ps 显示容器说明启动成功,直接访问下地址



就完成前端部署。将打包好前端项目放在html目录即可。

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表