轻松生成一个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暴露出来。  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM