在docker下安装运行vue

1.docker pull nginx   安装nginx

2.准备Dockerfile文件:

# 设置基础镜像 
FROM nginx
# 定义作者
MAINTAINER huhongtao <[email protected]>
# 删除默认配置文件
RUN rm /etc/nginx/conf.d/default.conf 
# 用项目中的nginx配置文件
ADD default.conf /etc/nginx/conf.d/
# 打包好的dist目录
COPY dist/  /usr/vue/

3.准备default.conf配置文件

 server {
        listen       80;
        server_name localhost;

        location / {
            root /usr/vue/ ;
            try_files $uri $uri/ @router;
            index index.html;
        }

        error_page 500 502 503 504 /50x.html;
            location = /50x.html {
            root html;
        }
        location @router {
            rewrite ^.*$ /index.html last;
        }
    }
 

4.将Dockerfile，default.conf放在vue项目根目录

5.进入vue项目 cd  /usr/vue/

6.docker build -t vue-docker .      打包

7.docker run -p 80:80 -d vue-docker  运行