Docker 部署VUE專案

2022-06-30 05:54:11 字數 2111 閱讀 4787

淺嚐docker+nginx部署專案,涉及到的都是比較簡單的操作,如有錯誤,請指正!謝謝!

在docker中啟動vue容器時,本質上是啟動了乙個nginx服務,我們要做的就是將專案構建成我們「定製」的nginx服務映象,再進行容器啟動。

建立dockerfile

dockerfile內容:

其本質就是用來構建映象,包含構建映象所需的指令和說明

from nginx #標準的nginx映象,我們需要基於標準的nginx映象製作自己的映象

copy . /usr/share/nginx/html/ #拷貝當前目錄的檔案到指定資料夾下,改資料夾為映象中的資料夾

run echo 'build img ok!' #輸出完成

建立nginx配置檔案

nginx配置檔案內容:

用於對nginx服務的配置

完成檔案準備後,把檔案ftp到伺服器下。

1、構建容器

構建映象:

#-t 為容器重新分配乙個偽輸入終端,通常與 -i 同時使用;

#. 該點為當前目錄

檢視當前所有映象:

刪除映象:

docker rmi imageid

#imageid 為需要刪除映象的id,刪除前需保證沒有容器在引用

2、啟動容器

啟動容器:

#-it 容器的 shell 對映到當前的 shell,然後你在本機視窗輸入的命令,就會傳入容器。

#-p 為配置容器埠對映,容器中的80埠對映到本機的9002埠(預設容器內埠為80)

#**在執行當前命令時,會進行容器日誌列印,使用ctrl+c可跳出,同時容器會終止,需重新啟動容器,否則,如果不需要檢視日誌,可以使用-d引數**

檢視當前容器:

docker ps -a

-a 為檢視全部,如果沒有-a則未檢視在執行的容器

啟動容器:

docker start containerid

#containerid 為需要啟動的容器id

停止容器:

docker stop containerid

#containerid 為需要停止的容器id

刪除容器:

docker rm containerid

#containerid 為需要刪除的容器id,刪除前需要保證容器處於停止狀態

至此,容器已經構造並啟動完成!

Docker 部署 vue 專案

docker 作為輕量級虛擬化技術,擁有持續整合 版本控制 可移植性 隔離性和安全性等優勢。本文使用docker來部署乙個vue的前端應用,並盡可能詳盡的介紹了實現思路和具體步驟,以方便有類似需要的同學參考。docker 是乙個開源的應用容器引擎,讓開發者可以打包他們的應用以及依賴包到乙個可移植的容...

Docker 部署 vue 專案(Nginx)

環境 win10上安裝的docker 裡面有兩個檔案 dist vue專案打包之後生成的dist檔案複製過來的 dockerfile dockerfile 是乙個用來構建映象的文字檔案,注意這個沒有檔案字尾 可參考 dockerfile檔案裡的內容 設定基礎映象 nginx 是映象名稱 from n...

docker 自動化部署vue 專案

最近把專案的部署換成了自動化部署,採用jenkins docker docker compose 阿里雲容器映象服務 本來一開始是拉取 在自己伺服器上build的,考慮到自己伺服器的效能,最後還是採用了阿里雲的 記錄一下docker部署 vue 的過程。node 構建 nginx 發布 from n...