前端部署步骤

171 阅读2分钟

打开finashell

连接主机成功后命令

  • su root
  • cd/usr/local/src
  • ls (里面有biz-software文件)
  • cd biz-software
  • ls
  • docker ps -a(查看容器的状态,找到ngix:80-80,右键复制前面的CONTAINER ID:ce2603d5292d )
  • docker exec -it ce2603d5292d /bin/bash
  • ls (展示当前容器内的目录内容)
  • cd /home/
  • ls(里面会有"ruoyi"文件夹)
  • cd ruoyi/
  • ls(里面有projects文件夹)
  • cd projects
  • ls(里面有 dist文件夹 和ruoyi-ui文件夹)
  • rm -rf dist(删掉之前的dist包)
  • cd ruoyi-ui/
  • ls(里面有很多文件)
  • rm -rf * (删除里面的文件和目录)
  • exit(退出)
  • docker cp dist/ ce2603d5292d:home/ruoyi/projects
  • docker exec -it ce2603d5292d /bin/bash
  • cd/home/ruoyi/projects/
  • ls(里面有dist 和ruoyi-ui)
  • cd dist
  • cp -r * ../ruoyi-ui/
  • exit
  • docker restart ce2603d5292d

image.png

image.png

image.png

docker容器化部署正式环境的操作

  • 分为两个场景,一个是本地local;
  • 一个是docker场景;

首先就是本地

  • 连接主机成功后输入 su root命令;
  • 找到对应文件夹里面的usr文件;(cd /usr/local/src/soft/frontCode)
  • 输入ls,打开文件目录,里面有build和dist文件,删除里面dist,然后复制本地的要部署的dist放进去;
  • docker ps -a ,查看运行dedocker,找到nginx的Id,右键复制;
  • docker exec -it nginx的Id /bin/bash/
  • 然后目录就会进入这个docker对应的目录名称里面;
  • ls(找到里面的 cd /home/ruoyi/projects/)
  • ls打开projects (删掉里面的dist rm -rf dist/)
  • 再ls检查一下,是否删除
  • 然后exit,又回到了本地的frontCode;
  • ls查看里面的目录,复制里面的dist
  • docker cp dist/ nginx的Id:home/ruoyi/projects
  • docker exec -it nginx的Id /bin/bash,又切回到docker的目录下;
  • cd /home/ruoyi/projects/
  • 找到里面的ruoyi-ui;( cd ruoyi-ui/)
  • ls(再删除ruoyi-ui里面的所有文件:rm -rf *)
  • 回到上一级的dist cd ../dist/
  • cp -r * ../ruoyi-ui/ (复制里面所有的文件到ruo-ui里面)
  • exit 退出到frontCode,
  • docker restart重启则部署成功

image.png

image.png