安装 Docker
- 下载:Docker
- 双击下载的安装包一路安装
- 安装好后,打开命令行输入
docker --version,确认是否安装成功,出现版本号即安装成功,如:

打包项目
- 在项目的根目录下打开命令行,运行
npm run build对项目进行打包,打包成功时会在项目根目录中生成dist 文件夹
制作 Docker 镜像
- 在项目根目录中新建deploy 文件夹,在deploy 文件夹中新建nginx.conf 文件,具体内容可参考:
server {
listen 80;
server_name _;
gzip on;
gzip_min_length 1k;
gzip_comp_level 6;
gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml;
gzip_vary on;
gzip_disable "MSIE [1-6]\.";
root /usr/share/nginx/html;
include /etc/nginx/mime.types;
location / {
add_header 'Access-Control-Allow-Origin' '*' always;
if ($request_filename ~* ^.*?.(html|htm)$) {
add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
}
try_files $uri $uri/ /index.html;
}
location /api/ {
proxy_pass 代理接口;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Real-IP $remote_addr;
}
}
- 在项目根目录中新建Dockerfile 文件夹,具体内容可参考:
FROM nginx
RUN rm /etc/nginx/conf.d/default.conf
ADD deploy/nginx.conf /etc/nginx/conf.d/default.conf
COPY dist/ /usr/share/nginx/html/
- 制造镜像:在项目根目录下打开命令行,运行【docker build -t 镜像名:版本号 .】
- 导出镜像:在项目根目录下打开命令行,运行【docker save -o 镜像名-版本号.tar 镜像名:版本号】
- 以上操作完之后会在根目录中生成【镜像名-版本号.tar】