小白学习docker手动打包vue项目

435 阅读1分钟

很多时候我们可以通过将项目推到gitlab仓库实现自动化编译和打包成docker镜像。但是如果哪天docker仓库不能正常拉取了,那我们也可以通过手动打包来实现。

1、首先使用npm run build将项目打包。

2、在项目根目录下新建dockerfile文件,内容如下:

2、然后手动上传到服务器某个目录下

3、打开xshell,切换到项目的根目录,执行如下命令:

docker build -t bms . //bms是镜像名, . 不能丢,代表在当前目录下

4、将镜像保存到服务器的指定位置

docker save -o ../bms.tar bms //将bms这个镜像保存到项目根目录的上级目录,-o用来指定输出文件,避免将镜像内容放入输出流中

5、将保存好的镜像文件复制到新的服务器并加载

docker load -i bms.tar //-i从输入流中读取镜像的数据

6、查看已加载的镜像

docker images | grep bms

7、重命名镜像

docker tag bms:latest 192.168.1.123:25001/frontend/background:1.2.0

8、将重命名后的镜像推到docker仓库

docker push 192.168.1.123:25001/frontend/background:1.2.0

9、这时候使用rancher就可以从docker仓库中拉取指定的镜像了