Docker部署前端nuxtjs專案

2021-09-29 15:22:28 字數 1867 閱讀 1992

1、拉取node映象,命令:docker pull node

(附docker常用命令:

檢視映象列表:docker images

檢視執行中的容器: docker ps

檢視所有容器: docker ps -a

停止容器:docker stop cid(容器id或名稱)

重啟容器:docker restart cid(容器id或名稱)

啟動已停止的容器:docker start cid(容器id或名稱)

刪除容器(只能刪除已經停止的容器): docker rm cid(容器id或名稱)

刪除映象(若映象中有容器則必須先刪除容器): docker rmi imageid(映象id或名稱)

2、建立或選擇乙個存放專案包的目錄

用rz命令將專案上傳到此目錄(使用的putty工具必須是支援上傳檔案,如果命令使用不了則安裝,命令:yum -y install lrzsz),

提取碼:rxwm

wget

4、在當前目錄建立dockerfile檔案,命令:touch dockerfile

5、編輯dockerfile檔案,命令:vi dockerfile

# 指定基礎映象

from node

# 維護者資訊

maintainer ***

#安裝python

add python-2.7.15.tgz /opt

#若報錯則

#run tar -zxvf python-2.7.15.tgz -c /opt

#安裝python

run ./opt/python-2.7.15/configure --prefix=/usr/local/python2.7 \

&& make && make install

# 複製本地檔案到容器目錄中

copy qrcodemana-web/ /qrcodemana-web

#  執行指令,賦予許可權

run chmod 777 -r /qrcodemana-web

# 指定執行目錄

workdir /qrcodemana-web

expose 8113

#設定**npm映象

run npm config set registry

run npm i node-sass --sass_binary_site=

#npm命令

run npm install

run npm run build

cmd ["npm", "start"]

7、構建映象,命令:docker build -t qrcodeweb .

命令解釋: -t後的為映象名,可自定義,最後有一點.,即當前目錄

8、啟動容器命令docker run -d -p 8113:3000 --name qrcodeweb --link qrcode:web qrcodeweb

命令解釋:-d(後台啟動) -p 主機埠:專案設定的埠 --name 容器別名 --link(如果前端後端專案都用的docker部署,則link命令作用為連線兩個容器,冒號前為後端容器名,冒號後為別名)

docker部署前端專案

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

前端專案部署 docker

docker的概念在這裡就不在累述,大家google一下都能得到很詳細的描述。藉著這次專案需要自己利用docker部署各環境,記錄一下docker學習和部署的相關過程。linux容器與虛擬機器的對比 方案資源占用 冗餘步驟 啟動體積 虛擬機器多 獨佔一部分記憶體和硬碟空間 多 完整作業系統,系統級別...

如何使用docker部署前端專案

第一步先編寫dockerfile檔案,docker會根據這個檔案一步步自動的部署你的專案 在容器安裝nginxfrom nginx 移除nginx的default.conf run rm etc nginx conf.d default.conf 把配置好的nginx配置檔案新增到 etc ngin...