轻松生成一个vue的静态nginx

有时弄完了一个vue的前端程序，打包后，就要放到服务器上去玩了。那么下面是使用docker快速布署这个应用。

1、建一个项目目录，如：getmoney

2、把打包好的dist改为 getmoney，并把它复制放到getmoney下。

3、在1的getmoney下建立 下面这个文件

FROM nginx
COPY ./getmoney /usr/share/nginx/html
ENV PATH $PATH:/usr/local/nginx/sbin
EXPOSE 80
CMD ["nginx","-g","daemon off;"]

4、将getmoney整个目录上传到装有docker的环境下

5、进入getmoney目录,创建镜像:docker build -t getmoney:v1 .

6、运行容器 docker run -it -p 1090:80 --name getmoneyv1 getmoney:v1

这时会卡一下，这些按ctrl+c退出一下

7、查看已经创建的容器:docker ps -a

8、重新运行容器 docker start getmoneyv1

9:ps 1090是一个对外的端口，指向容器内的80端口，这个时候可以使用nginx,apache代理1090,或者直接将1090暴露出来。