Docker部署Vue

在服务器上创建一个存放该文件的文件夹，将生成的文件上传到这个文件夹下。
上传的同级目录中创建Dockerfile以及nginx.conf两个文件。

# 设置基础镜像
FROM nginx
# 定义作者
MAINTAINER  L
# 将dist文件中的内容复制到 /usr/share/nginx/html/ 这个目录下面
COPY dist/  /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/nginx.conf
RUN echo 'echo init ok!!'

worker_processes auto;
 
events {
    worker_connections  1024;
}
 
http {
    include       mime.types;
    default_type  application/octet-stream;
 
    sendfile        on;
    keepalive_timeout  65;
 
    client_max_body_size   20m;
    server {
        listen       80;
        server_name  localhost;
        location / {
           root   /usr/share/nginx/html;
           index  index.html index.htm;
           try_files $uri $uri/ /index.html;
        }
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

创建镜像：docker build -t vuejs:1.0 .
查看镜像：docker images

构建容器：docker run -d --name vue -p 80:80 vuejs:1.0
查看容器启动状态：docker ps

页面访问：http://服务器的ip/