不久前发现有一个实验室项目是使用Docker部署的，为了避免以后指导老师让我也用Docker进行部署，特意学习了一下Docker部署前端项目。也是在这里记录一下实现本地部署的过程，希望对大家有所帮助。
桌面Docker安装及配置
直接官方下载Docker Desktop for Windows（根据自身电脑系统安装）安装包进行手动下载安装，下载好之后双击 Docker Desktop Installer.exe 开始安装。安装完之后打开Docker Desktop即可，自动启动Docker。
：如果第一次打开的时候一直停留在这个页面旋转，可以参考文章Docker启动问题docker is starting…尝试解决。
Dockerfile文件配置
为了使用Docker，我们需要在项目根目录下创建一个 Dockerfile 文件，并进行编写。这是我之前写的一个信息管理系统网上外卖管理系统，没有项目的家人们可以看看。
git clone https://gitee.com/xiyuee/information-system.git
cd information-system
yarn install #安装依赖
接着我们在项目根目录下创建一个 Dockerfile 文件。
# 指定基础镜像为最新版
nginx FROM nginx:latest
# 将项目下的 ./configs 文件夹放置在镜像中的 /home/nginx/configs 文件夹
ADD ./configs /home/nginx/configs
ADD ./dist /dist
# 运行 nginx
CMD ["nginx","-c","/home/nginx/configs/nginx.conf","-g", "daemon off;"]
# 镜像对外暴露 8080 端口
EXPOSE 8080
以上是一个Dockerfile文件的基础配置，然后我们还需要新建一个nginx配置文件，在项目根目录下创建configs文件夹，在configs文件夹中新建nginx.conf文件。
server {
listen 8080 default_server;
listen [::]:8080 default_server;
root /var/www/html/Hospital_escort_system_management;
try_files $uri $uri/ /index.html;
}
上面便是一个简单的nginx.conf文件。到此为止，我们的Dockerfile文件配置也就完成啦。
构建镜像
在构建镜像之前，我们还需要将我们的项目打包。如果直接用的是网上外卖管理系统的话，直接在终端中运行yarn build就可以了。
然后便是构建镜像和运行容器了，直接在终端中运行Docker命令就行。
# 构建镜像
# -t 后表示指定镜像名称 sv3 镜像标签 v1
# . 表示指定 Dockerfile 所在目录
docker build -t information-system:v1 .
# 运行容器
# --name 指定容器名称为information-system
# -p 指定外部端8080于容器内 8080端口连接
# -v 代表绑定卷，也就是本地的 dist 文件如果变更，容器内的 dist文件也会做出相应改变
# 注意 -v 两侧均需要使用绝对路径
# -d 表示在后台运行
# 最后的 sv3:v1 表示使用指定的镜像、
docker run --name information-system -p 8080:8080 -v D:/240/information-system/dist -d information-system:v1
这样我们就可以打开 http://localhost:8080 就可以查看我们部署好的项目啦。并且在Docker Desktop也可以看见相应容器和镜像。
以上就是使用桌面Docker部署本地项目的过程啦，云服务器也同理，我们只需要把 dist 和 config 以及 Dockerfile文件上传至服务器就行了，然后再构建镜像运行容器。希望对大家有所帮助。
