如何使用docker部署前端專案

2021-09-11 17:28:14 字數 1224 閱讀 3788

第一步先編寫dockerfile檔案,docker會根據這個檔案一步步自動的部署你的專案

# 在容器安裝nginxfrom nginx

# 移除nginx的default.conf run rm /etc/nginx/conf.d/default.conf

# 把配置好的nginx配置檔案新增到 /etc/nginx/conf.d/ 目錄下 (就是把default.conf檔案替換)add default.conf /etc/nginx/conf.d/

# 把前端專案資料夾 複製到/usr/share/nginx/html/資料夾下copy dist/ /usr/share/nginx/html/

複製**

把dockerfile檔案和前端專案都放在乙個資料夾有利於打包,如圖

(其實在專案專案開發中到了這一步你可以直接把專案給運維部署了

接下來可以再本地測試一下 和伺服器部署是一樣的

在當前檔案下執行,回車即可生成乙個名字為test_web88的映象

docker build -t test_web88 . //記住要後面要加乙個空格和一點複製**

檢視生成的映象,命令如下

docker images

複製**

這個是就們生成的映象,名為:test_web88

接下來執行映象,命令如下

docker run -d -p 8686:8686 aa43e674b9f8

// -d 是映象後台執行

// -p 是對映埠 容器開的埠:伺服器的埠 (本來是對映到80埠的,我之前的一些專案被占用了)

// 後面的字串是映象的id (看上的映象資訊)複製**

輸入命令回車

可以看看映象執行成功沒有,命令如下

docker ps複製**

映象就跑起來了,在瀏覽器訪問8686埠,試一下吧(這個ip位址是我的docker分配的)

在docker中使用nginx部署前端專案

部署了三個nginx用於前端專案,並使用keepalived部署好熱備,所以總共有5個nginx 根據上面的指令建立好目錄 mkdir home web nginx01 mkdir home web nginx02 mkdir home web nginx03這裡我配置了三個nginx節點 前面的差...

在docker中使用nginx部署前端專案

部署了三個nginx用於前端專案,並使用keepalived部署好熱備,所以總共有5個nginx 根據上面的指令建立好目錄 mkdir home web nginx01 mkdir home web nginx02 mkdir home web nginx03這裡我配置了三個nginx節點 前面的差...

docker部署前端專案

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