前端项目用docker 部署在 nginx 服务器

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部署前端项目

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值