Docker部署一个前端项目(简单步骤，适合新手学习)

创建项目或者打包项目(vue—dist文件夹)

在项目的同级目录下创建dockerfile文件

编辑dockerfile文件

# 设置基础镜像
FROM nginx
# 定义作者
MAINTAINER xkkkA
# 将项目文件夹中的文件复制到 /home/web 这个目录下面
COPY ./demo /home/web

切换到当前文件夹下创建镜像

# -t 是给镜像取名。
# 最后有一个点 “.”，表示使用当前路径下的 dockerfile 文件，也可以指定使用其它路径的。
docker build -t dockerTest . 

启动docker

# -p ：配置端口映射，格式是外部访问端口：容器内端口
# -d ：后台运行  
# --name : 给容器取名
# 最后有 2 个 dockerTest,前面一个是给容器取的名字，后面一个是使用的镜像的名字
 docker run -p 8080:8888 -d --name dockerTest dockerTest

进入docker容器内部

docker exec -it 容器id /bin/bash

配置容器内nginx

通过命令 find / -name nginx.conf 查找nginx配置文件路径

修改配置文件 nginx.conf

server {
	listen 8888;
	server_name  localhost;
	root /home/web;
}

在任意目录下输入一下命令重新加载启动nginx配置
/usr/sbin/nginx -s reload

出现上面图片 表示加载成功

访问localhost:8080可以看到你的项目页面。

打包镜像

在当前目录下会生成一个dockerfile.zip文件

docker export 6fcda3364aaa> dockerfile.zip  

导入镜像

# test1.1是镜像名称加版本号 自己设置
docker import test.zip test:1.1

# 启动镜像
docker run -it test:1.1 /bin/bash

Nginx常用命令