部署的vue程式依賴nginx, 首先拉取nginx映象
docker pull nginx不指定版本預設拉取最新版
根據映象啟動容器
docker run --name=nginx -d -p 4030:80 nginx訪問4030埠, 容器成功啟動
將建立的vue專案編譯
npm run build專案編譯好之後會在專案的根目錄下生成dist資料夾, 裡面是編譯好的專案
新增dockerfile檔案, 無字尾名
# 設定基礎映象，這裡使用最新的nginx映象，前面已經拉取過了
from nginx
# 定義作者
maintainer abc
# 將dist檔案中的內容複製到 /usr/share/nginx/html/ 這個目錄下面
copy dist/
/usr/share/nginx/html/
vue專案部署成功!
Docker部署Vue程式
我們部署vue程式依賴nginx，首先拉取nginx的映象，這裡使用nginx最新的映象 出現上面的截圖，說明容器執行正常。npm run build編譯完成之後，在專案的根目錄下面就會生成乙個dist資料夾，裡面是編譯後的專案 我們要構建映象，必須依靠dockerfile檔案，我們在專案的根目錄下...
Docker 部署 vue 專案
docker 作為輕量級虛擬化技術，擁有持續整合 版本控制 可移植性 隔離性和安全性等優勢。本文使用docker來部署乙個vue的前端應用，並盡可能詳盡的介紹了實現思路和具體步驟，以方便有類似需要的同學參考。docker 是乙個開源的應用容器引擎，讓開發者可以打包他們的應用以及依賴包到乙個可移植的容...
Docker 打包部署vue
目錄如下 設定基礎映象 from nginx alpine 定義作者 maintainer test 將dist檔案中的內容複製到 etc nginx html 這個目錄下面 copy dist etc nginx html 將配置檔案中的內容複製到 etc nginx 這個目錄下面 增加自己的 及...