AntDesign Docker部署详细流程
1 项目的目录结构
docker部署是主流的部署方式,极大的方便了开发部署环境,保持了环境的统一,也是实现自动化部署的前提。
dist: 使用build打包命令,生成的打包目录
npm run build
: 打包项目命令
- docker: 存放docker容器需要修改的配置目录,比如 nginx配置
- Dockerfile: 跟项目根目录同级
2 创建Dockerfile
- 内容
# 指定镜像 FROM nginx:1.24 # 设置工作目录 WORKDIR /usr/share/nginx/html/ # 指定用户 USER root # 复制nginx配置文件 COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf # 打包方式一:在容器内打包 # 需要配置环境,比如nodejs依赖等 # RUN npm run build # 打包方式二:本地打包,复制 打包出来的dist目录 COPY ./dist /usr/share/nginx/html/ # 对外暴露端口号 EXPOSE 80 # 启动 CMD ["nginx", "-g", "daemon off;"]
查找nginx稳定版本
进入https://hub.docker.com/_/nginx
查找stable稳定版本
- mainline:主线版,即开发版,学习环境可以使用,生产环境建议不要使用
stable:稳定版,学习环境和生产环境都可使用
stable-perl:包含最新的perl模块的稳定版,适合安装在Centos上。
stable-alpine-perl:包含最新的perl模块的稳定版,适合安装在Alpine Linux上。
stable-alpine:不包含perl模块的稳定版,适合安装在Alpine Linux上。
stable:包含最新的perl模块的稳定版,适合安装在Centos上
3 生成docker镜像
打开终端,进入项目根目录,输入命令行
cd xxxx
生成镜像
docker build -t user-center-ui:v0.0.1 .
4 生成容器并启动
docker run --name user-center-ui -p 80:80 -d user-center-ui:v0.0.1
5 访问
输入http://localhost:80/xxx
即可访问成功。
如果是在云服务器上,记得放行对应的端口。
以上就是AntDesign Docker部署流程详解的详细内容,更多关于AntDesign Docker部署的资料请关注脚本之家其它相关文章!
相关文章
docker+gitlab+gitlab-runner部署详解
这篇文章主要介绍了docker+gitlab+gitlab-runner部署详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-10-10备份Docker容器中的PostgreSQL数据的图文实操教程
现在docker容器很方便,可以一键部署项目,但是方便部署的同时,也给运维带来了麻烦,docker中的pgsql数据,如何进行备份呢,本文小编给大家就介绍了备份Docker容器中的PostgreSQL数据的图文实操教程,需要的朋友可以参考下2024-09-09docker部署项目/var/lib/docker/overlay2目录满了该如何清理
Docker中的/var/lib/docker/overlay2目录是用于存储Docker容器的数据层和镜像层的,使用Docker一段时间后这个目录可能会变得非常大,这篇文章主要给大家介绍了关于docker部署项目/var/lib/docker/overlay2目录满了该如何清理的相关资料,需要的朋友可以参考下2024-04-04
最新评论