Docker 部署 vue 專案(Nginx)

2021-10-17 19:01:20 字數 1161 閱讀 1741

環境:win10上安裝的docker

裡面有兩個檔案

dist:   vue專案打包之後生成的dist檔案複製過來的

dockerfile:   dockerfile 是乙個用來構建映象的文字檔案,注意這個沒有檔案字尾(可參考:

dockerfile檔案裡的內容

# 設定基礎映象  nginx 是映象名稱

from nginx

# 定義作者

maintainer wxh

# 將dist檔案中的內容複製到 /usr/share/nginx/html/ 這個目錄下面

參考命令

docker pull [image_name]:[tag]

docker search nginx  (可以看到很多版本)

# -t 是給映象取名。

# 最後有乙個點 「.」,表示使用當前路徑下的 dockerfile 檔案,也可以指定使用其它路徑的。

docker build -t nginx .

# -p :配置埠對映,格式是外部訪問埠:容器內埠

# -d :後台執行

# --name : 給容器取名

# 最後有 2 個 nginx,前面乙個是給容器取的名字,後面乙個是使用的映象的名字

docker run -p 80:80 -d --name nginx nginx

執行過程如下

Docker 部署 vue 專案

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

Docker 部署VUE專案

淺嚐docker nginx部署專案,涉及到的都是比較簡單的操作,如有錯誤,請指正!謝謝!在docker中啟動vue容器時,本質上是啟動了乙個nginx服務,我們要做的就是將專案構建成我們 定製 的nginx服務映象,再進行容器啟動。建立dockerfile dockerfile內容 其本質就是用來...

docker 自動化部署vue 專案

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