Docker打包vue项目镜像

一、第一步

新建一个文件夹，在该文件夹目录下，新建一个nginx配置文件，代码如下：

default.conf

server {
listen 80;
server_name localhost; # docker服务宿主机的ip
 
location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html =404;
}
 
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

二、第二步

在该文件夹目录下，在建一个Dockerfile文件

Dockerfile

FROM nginx
RUN rm /etc/nginx/conf.d/default.conf
ADD default.conf /etc/nginx/conf.d/
COPY dist/ /usr/share/nginx/html/

三、第三步

把vue项目打包后的dist文件夹拷贝到该文件夹目录下