docker跑前端vue專案

2021-09-27 07:28:51 字數 1933 閱讀 4682

dist 檔案需要啟動乙個服務才可以跑起來專案,這裡docker就是起了乙個服務,所以你不需要node的image了

copy 吧當前dist的檔案 複製到 docker的nginx資料夾裡面

這裡還可以寫nginx.conf 可是通過copy來實現(此方式可以用網域名稱來訪問)

# 設定基礎映象 

from nginx:latest

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

copy dist/ /usr/share/nginx/html/

// -t 指定了映象名為test-docker

// . 代表著當前目錄

docker image ls
//-d 後台執行容器,並返回容器id

docker run -p 4444:80 -d test-docker

docker ps
檢視docker版本

```

docker version

docker info

```

image(映象) 命令

含義案例

images

檢視全部映象

docker image ls

search

查詢映象

docker search [imagename]

pull

拉取映象

docker pull [imagename]

rmi刪除映象

docker rmi [imagename]

檢視映象 字段

含義repository

倉庫位址

tag標籤

image_id

映象id

created

建立時間

size

映象大小

拉取映象 (imagename: 映象名稱)

docker pull  [imagename]
5進入某個容器(imageid: 映象id)

docker exec -it [imageid] bash
刪除某個映象無法刪除(因為你他還在執行)

執行如下命令: 827bb3a78cf1 這個是某個映象的id

docker rmi 827bb3a78cf1
但是無法刪除,報錯資訊如下

error response from daemon: conflict: unable to delete 827bb3a78cf1 (must be forced) - image is being used by stopped container 9e2ea112ed4d
有個暴力的解決辦法: (-f 強制刪除)

docker rmi 827bb3a78cf1 -f
docker的啟動的專案是帶埠訪問的,你可以docker run -p 80:80 -d test-docker, 這樣的你的80的埠就只能使用乙個專案了,多專案就不適宜了,所有的我們還是docker run -p 4444:80 -d test-docker(4444 代表是對外,80是當前西專案docker的埠),我們通過網域名稱訪問前端如何使用nginx**

docker部署前端專案

1.安裝docker nginx 檢視docker是否安裝 docker info docker 安裝nginx docker pull nginx 2.新建docker niginx配置檔案 新建docker web資料夾,新建dockerfile檔案,新建nginx資料夾,新建default.c...

Docker 部署 vue 專案

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

Docker 部署VUE專案

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