使用docker nginx部署vue專案

第一次用docker部署前端專案，做個筆記

打包vue專案獲得dist資料夾

寫dockerfile，內容如下

from hub.c.163.com/library/nginx    #基於nginx

maintainer sorel #維護者資訊
copy dist/ /usr/share/nginx/html/ #nginx容器生成的乙個虛擬路徑，專案執行在這裡
copy nginx.conf /etc/nginx/nginx.conf #拷貝nginx設定檔案

編寫nginx.conf，內容如下：

#user  nobody;

在伺服器上新建乙個資料夾docker，上傳dist，dockerfile，nginx.conf到docker資料夾下
cd到docker資料夾下執行命令：
docker build -t aquaman:v1.0.0 . 

# -t 是給映象新增tag
# 注意最後有乙個點 「.」，表示使用當前路徑下的 dockerfile 檔案，也可以指定使用其它路徑的。
 
CentOS7 Docker Nginx部署及執行
網上找了一些資料部署，出現不一樣的問題，現在總結一下自己的部署流程 1 資源準備 dockerfile檔案 ported by adam miller from originally written for fedora dockerfiles by scollier from centos cen...
Docker Nginx映象部署 Vue 專案
docker nginx 映象部署 vue 專案 進入vue專案目錄，執行命令 yarn build npm run build生成dist資料夾 vi dockerfile an highlighted block 匯入nginx映象 from nginx maintainer soapy 把當前...
嘗試 Docker Nginx 部署單頁應用
當我們開發乙個單頁面應用時，執行完構建後 npm run build會生成乙個 index.html 在 dist 目錄，那怎麼把這個 index.html 部署到伺服器上呢？挑幾點配置講講，先是 gzip 壓縮資源，以節省頻寬和提高瀏覽器載入速度 雖然 webpack 已經支援在構建時就生成 gz...