1、首先准备好 H5 项目、docker 、nginx 容器(不会安装的可以看下以前我的笔记)
2、文件挂载方式运行 nginx 容器
-- nginx 配置文件路径(nginx 容器中的路径)
/etc/nginx/conf.d/default.conf
实体机中创建对应文件夹和文件
rm -f filename -- 删除文件
/var/www 路径下
mkdir nginx -- 用来放置配置文件和项目
cd nginx
mkdir conf.d -- 用来放置配置文件的目录
mkdir html -- 用来防止项目文件
cd conf.d
touch default.conf -- 船舰配置文件
-- 进入 nginx 容器查看默认的静态文件路径
sudo docker exec -it ng(容器名) /bin/bash
如果不知道 nginx 的安装路径的话可以用 which nginx 查看
vim /etc/nginx/conf.d/default.conf
location / {
root /usr/share/nginx/html; #项目路径
index index.html index.htm; #首页文件
}
--挂载运行命令 -v 创建一个挂载,前端是宿主机的路径 后面的 是容器中的路径
sudo docker run --name ng -d -p 80:80 -v /var/www/nginx/conf.d/default.conf:/etc/nginx/conf.d/default.conf -v /var/www/nginx/html:/usr/share/nginx/html nginx
参考文章:docker nginx部署前端项目_datouniao1的博客-CSDN博客_docker nginx部署前端项目