网站首页 > 技术文章 正文
很多稍微年纪点程序员都很苦恼部署的繁琐步骤,现在教你一招就能快速部署前端项目
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目录即可。
猜你喜欢
- 2024-10-06 从零开始部署前后端分离项目 前后端分离项目的部署方式有哪些
- 2024-10-06 Jenkins自动部署笔记(二)全局工具配置
- 2024-10-06 部署Nginx-一个ip,多个域名,部署多个项目
- 2024-10-06 Spring Boot Serverless 实战系列“部署篇”| Mall 应用
- 2024-10-06 阿里大佬浅谈大型项目前端架构设计【值得推荐】
- 2024-10-06 Node.js学习笔记:入门安装及部署 node.js安装配置
- 2024-10-06 前端一体化设计,10min快速部署,科达移动布控哨兵开启移动场景多元应用
- 2024-10-06 前端项目使用aliyun OSS手动部署 前端项目部署到docker
- 2024-10-06 前后端分离前端部署方案是什么? 前后端分离的部署架构图
- 2024-10-06 前端自动化部署-docker/portainer
你 发表评论:
欢迎- 501℃几个Oracle空值处理函数 oracle处理null值的函数
- 497℃Oracle分析函数之Lag和Lead()使用
- 495℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 482℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 478℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 470℃【数据统计分析】详解Oracle分组函数之CUBE
- 454℃Oracle有哪些常见的函数? oracle中常用的函数
- 451℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 最近发表
-
- Directus 火了!无代码 SQL 数据的协作应用利器!
- PHP和NodeJS的代码执行效率比较(php和nodejs的区别)
- 工商银行获得发明专利授权:“基于数据库映射动态接口的前端页面应用开发方法及装置”
- FAISS和Chroma:两种流行的向量数据库的比较
- 什么是数据库的索引?(数据库索引的定义和作用)
- Vercel和Neon“首次”推出用于前端云的无服务器SQL数据库
- 记一次前端逻辑绕过登录到内网挖掘
- 学Access好还是MySQL好?(access与mysql的语句区别)
- 惬意!清晨慢品 HTML canvas 标签题,面试知识轻松 get
- 前端实现知识图谱-force(d3.js)(前端知识树)
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)