輕松生成一個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