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