Docker+Nginx部署Vue项目

Docker+Nginx部署Vue项目

• step1
  在服务器上创建一个文件夹，名字随意
  
• step2
  往这个文件夹下放三个item
  其中，default.conf是nginx的配置文件，不做赘述

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是创建镜像的描述文件

FROM nginx

MAINTAINER will

RUN rm /etc/nginx/conf.d/default.conf

ADD default.conf /etc/nginx/conf.d/

COPY dist/ /usr/share/nginx/html/

dist文件夹是你打包生成的,不做描述

• step3
  创建带有项目的nginx镜像，需要注意的是当前命令的执行要在你vue-learn下，否则会无法根据dockerfile创建镜像。
  
• step4
  运行镜像
  
  Over