前奏准备：
- 在服务器中
mkdir /usr/local/dockerf一个存放相关的文件夹 - 将vue 的dist.zip文件上传到dockerf 文件夹内，并执行
unzip dist.zip解压 - 新建一份 nginx 使用的配置文件：
vi default.conf
server {
listen 80;
server_name localhost;
#charset koi8-r;
access_log /var/log/nginx/host.access.log main;
error_log /var/log/nginx/error.log error;
location / {
root /usr/share/nginx/html;
index index.html index.htm;
}
#error_page 404 /404.html;
# redirect server error pages to the static page /50x.html
#
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
ps：记得使用wq 保存 文件，此处不懂的，自行查阅Linux系统 的vi 相关命令使用
好戏开场：
- 新建一份 Dockerfile 配置 文件
vi Dockerfile（ps：文件名不能修改哦） - 写入以下内容：
FROM nginx:latest
MAINTAINER xxx
COPY dist/ /usr/share/nginx/html/
COPY default.conf /etc/nginx/conf.d/default.conf
*名词解释：
FROM nginx:latest -〉nginx 的 最新 docker镜像
MAINTAINER xxx -〉作者名称
COPY 目标文件 /usr/share/nginx/html/ -〉把目标文件 复制到 /usr/share/nginx/html/下
COPY 目标文件 /etc/nginx/conf.d/default.conf -〉把目标文件 将 /etc/nginx/conf.d/下的默认替换*
-
在当前目录下 运行
docker build -t xxxx .创建镜像 （ps： docker build -t 镜像名称 . <--- 有一颗 点 哦，不能忽视 ） -
等待片刻 镜像构建成功后，通过
docker images能看到 刚刚创建的镜像 -
用容器启动镜像 如 ：
docker run --name 容器名称 -p 8080:80 -d 镜像名称 -
可以使用：docker ps 上述容器是否启动成功
*名词解释：
8080:80 -〉把8080端口映射到80端口，避免冲突*
至此，vue 的项目就部署完毕， 使用 http://<服务器IP>:8080/ 访问试试
课外知识
停止：sudo systemctl stop docker
查看：sudo systemctl status docker
启动：sudo systemctl start docker
sudo systemctl enable docker
已经能看到构建好的镜像了
docker images
删除 镜像
docker rmi <镜像ID>
查看正在运行的容器
docker ps
查看所有容器
docker container ls -a
停止/删除容器
docker stop <容器ID>
docker rm <容器ID>
启动镜像
docker start <容器ID>
重启镜像
docker restart <容器ID>
进入容器
docker exec -it -uroot <容器ID> bash
退出容器
exit
