AntDesign?Docker部署詳細流程
1 項目的目錄結構
docker部署是主流的部署方式,極大的方便了開發(fā)部署環(huán)境,保持了環(huán)境的統(tǒng)一,也是實現(xiàn)自動化部署的前提。
dist: 使用build打包命令,生成的打包目錄
npm run build
: 打包項目命令
- docker: 存放docker容器需要修改的配置目錄,比如 nginx配置
- Dockerfile: 跟項目根目錄同級
2 創(chuàng)建Dockerfile
- 內(nèi)容
# 指定鏡像 FROM nginx:1.24 # 設置工作目錄 WORKDIR /usr/share/nginx/html/ # 指定用戶 USER root # 復制nginx配置文件 COPY ./docker/nginx.conf /etc/nginx/conf.d/default.conf # 打包方式一:在容器內(nèi)打包 # 需要配置環(huán)境,比如nodejs依賴等 # RUN npm run build # 打包方式二:本地打包,復制 打包出來的dist目錄 COPY ./dist /usr/share/nginx/html/ # 對外暴露端口號 EXPOSE 80 # 啟動 CMD ["nginx", "-g", "daemon off;"]
查找nginx穩(wěn)定版本
進入https://hub.docker.com/_/nginx
查找stable穩(wěn)定版本
- mainline:主線版,即開發(fā)版,學習環(huán)境可以使用,生產(chǎn)環(huán)境建議不要使用
stable:穩(wěn)定版,學習環(huán)境和生產(chǎn)環(huán)境都可使用
stable-perl:包含最新的perl模塊的穩(wěn)定版,適合安裝在Centos上。
stable-alpine-perl:包含最新的perl模塊的穩(wěn)定版,適合安裝在Alpine Linux上。
stable-alpine:不包含perl模塊的穩(wěn)定版,適合安裝在Alpine Linux上。
stable:包含最新的perl模塊的穩(wěn)定版,適合安裝在Centos上
3 生成docker鏡像
打開終端,進入項目根目錄,輸入命令行
cd xxxx
生成鏡像
docker build -t user-center-ui:v0.0.1 .
4 生成容器并啟動
docker run --name user-center-ui -p 80:80 -d user-center-ui:v0.0.1
5 訪問
輸入http://localhost:80/xxx
即可訪問成功。
如果是在云服務器上,記得放行對應的端口。
以上就是AntDesign Docker部署流程詳解的詳細內(nèi)容,更多關于AntDesign Docker部署的資料請關注腳本之家其它相關文章!
相關文章
Docker安裝Jenkins-2.249.3-1.1的詳細過程
這篇文章主要介紹了Docker安裝Jenkins-2.249.3-1.1,通過編寫docke安裝腳本來實現(xiàn)安裝目的,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-10-10詳解從 0 開始使用 Docker 快速搭建 Hadoop 集群環(huán)境
這篇文章主要介紹了詳解從 0 開始使用 Docker 快速搭建 Hadoop 集群環(huán)境,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03excel導出在docker環(huán)境中總是失敗的問題
這篇文章主要介紹了excel導出在docker環(huán)境中總是失敗的問題及解決方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,2020-09-09