記錄五年社畜萌新嘗試將靜態網站在docker上使用nginx部署

環境信息

騰訊雲Linux CentOs 版本:centos-release-7-9.2009.0.el7.centos.x86_64

Docker版本:Docker version 19.03.13, build 4484c46d9d

直接yum install docker默認的版本是1.13,不知道啥情況,我安裝後再更新docker版本的

個人信息

1.Docker萌新

2.完全沒有使用過nginx搭建站點(老IIS了)

3.liunx指令基本面向搜索引擎

 

vue打包後的的文件夾中建立Dockerfile

FROM hub.c.163.com/library/nginx
# RUN echo “Hello Nginx on Docker” > /usr/share/nginx/html/index.html
# 將dist文件中的內容複製到 /usr/share/nginx/html/ 這個目錄下面
COPY /  /usr/share/nginx/html/
COPY nginx.conf /etc/nginx/nginx.conf

由於不懂nginx,一開始以爲後面兩句copy可以忽略,忽略了的確可以正常運行,但是最終出來的頁面是nginx默認頁面,

Welcome to nginx!

幾個大字砸你臉上的那種,讓我一臉懵逼

然後就明白了這兩個copy的作用

把打包出來的整個目錄(包含自己建立的Dockerfile)上傳到服務器,方式很多種

我用的是 寶塔SSH 對比過很多常見的SSH,還是這個顏值高用的舒爽,自帶一個上傳文件功能


然後是CD到服務器上你上傳的那個目錄下,開始敲命令

docker build -t 鏡像名字:標籤 .  (←最後有個點) 

*這步應該叫做打包鏡像(啥?你問啥是鏡像?重裝過電腦沒?就是你製作啓動U盤的環節)

示例:docker build -t nginx_twz:0.3 .

等待打包完成,我dockerfile裏用的是國內源,很快就好

然後再敲命令

docker run -p 800:80 --name 容器名  -t 鏡像名:標籤

*這步應該叫做使用鏡像運行一個容器 (啥?你問啥是容器?玩過電腦沒?電腦就是容器,現在就是你把U盤插到電腦裏裝機的環節)

*800內是宿主機的的端口,也就是你實際訪問的端口

*80呢就是你這個容器裏端口,nginx默認是80

示例:docker run -p 8081:80 --name web1 -t nginx_twz:0.1

 

好了,到此結束,打完收工,這個時候不出意外訪問該8081端口即可看到你網站了

 

部署其他的也類似,只不過鏡像環境不一樣

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章