docker部署Vue.js項目

先是制作nginx鏡像,

安裝nginx:

#從遠端倉庫拉去鏡像

sudo docker pull ${name:version}

sudo docker pull nginx:latest

#運作nginx

sudo docker run -it -p 81:80 nginx:latest

#-i以互動模式運作容器,通常與-t同時使用

#-t為容器配置設定一個僞輸入終端,通常與-i同時使用

#-p 參數将一個docker主機的端口映射到容器中

#-it參數一般連用,在docker run啟動一個容器後提供一個容器的終端,如果容器中沒開啟shell程序,也無法對容器進行互動

-v 宿主檔案夾:鏡像檔案夾   将宿主檔案夾挂載到鏡像檔案夾中去   

vue項目編譯完成之後生成dist檔案夾，内含index.html、favicon.ico、static檔案夾三項。

檢視index.html中src的執行，保證準确指向目前的目錄，發生重定向時，觀察重定向的URL，在建立相應的檔案夾并把dist檔案夾中的檔案複制到相應目錄。

成功部署vue的語句:

sudo docker run -it -p 80:80 -v 本地檔案夾:/usr/share/nginx/html --name mynginx nginx:latest

sudo docker run -d -p 80:80 -v /home/hadoop/桌面/記錄/dist/:/usr/share/nginx/html nginx:latest

此時的檔案夾情況為:

dist檔案夾内有govern檔案夾,govern檔案夾内是index.html、favicon.ico、static檔案夾三項