Docker容器部署前端Vue服务(小白教程)

mkdir xxxx（文件名）

docker pull nginx

vim 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;
    }
}

vim Dockerfile

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

FROM nginx：该镜像是基于nginx:latest镜像构建的
 
MAINTAINER zouzou：添加说明
 
RUN rm /etc/nginx/conf.d/default.conf：删除目录下的default.conf文件
 
ADD default.conf /etc/nginx/conf.d/：将default.conf复制到/etc/nginx/conf.d/下，用本地的default.conf配置来替换nginx镜像里的默认配置
 
COPY dist/ /usr/share/nginx/html/：将项目根目录下dist文件夹（构建之后才会生成）下的所有文件复制到镜像/usr/share/nginx/html/目录下

docker build -t xxxx .

docker images | grep xxxx

docker run -d -p 9090:80 --name test xxxx

docker ps