网站首页 > 技术文章 正文
很多稍微年纪点程序员都很苦恼部署的繁琐步骤,现在教你一招就能快速部署前端项目
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目录即可。
猜你喜欢
- 2025-06-28 Google 2025 I/O 大会发布内容一览
- 2025-06-28 CRMEB PC 端前端开发规范:从基础到进阶的实践要点
- 2025-06-28 安装Dify源码并修改前端发布(如何进行源码安装)
- 2025-06-28 不止聊天!打造你的专属AI工作流,群晖Dify最新部署攻略
- 2025-06-28 智慧督导巡课系统建设方案解析:实现教室前端利旧与新建教室部署
- 2024-10-06 从零开始部署前后端分离项目 前后端分离项目的部署方式有哪些
- 2024-10-06 Jenkins自动部署笔记(二)全局工具配置
- 2024-10-06 部署Nginx-一个ip,多个域名,部署多个项目
- 2024-10-06 Spring Boot Serverless 实战系列“部署篇”| Mall 应用
- 2024-10-06 阿里大佬浅谈大型项目前端架构设计【值得推荐】
你 发表评论:
欢迎- 656℃几个Oracle空值处理函数 oracle处理null值的函数
- 647℃Oracle分析函数之Lag和Lead()使用
- 645℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 637℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 633℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 622℃【数据统计分析】详解Oracle分组函数之CUBE
- 617℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 598℃大学生悬浮窗搜题答案神器?分享8个软件和公众号,来对比看看吧
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端路由 (61)
- 前端数组 (73)
- 前端js面试题 (50)
- 前端定时器 (59)
- Oracle RAC (76)
- oracle恢复 (77)
- oracle 删除表 (52)
- oracle 用户名 (80)
- oracle 工具 (55)
- oracle 内存 (55)
- oracle 导出表 (62)
- oracle约束 (54)
- oracle 中文 (51)
- oracle链接 (54)
- oracle的函数 (58)
- oracle面试 (55)
- 前端调试 (52)
本文暂时没有评论,来添加一个吧(●'◡'●)