使用 Nginx Docker 鏡像部署前端靜態(tài)界面

本文運(yùn)行的環(huán)境:
Ubuntu 18.04
需要的依賴:
Docker version 18.09.2, build 6247962
docker-compose version 1.24.0, build 0aa59064

前后端分離項(xiàng)目,前端界面在服務(wù)器上只需要能被外部訪問到即可,所以直接使用 Nginx 的 docker 來部署就行。

同時(shí)因?yàn)橐獟燧d本地的配置文件到 docker 中,使用 docker-compose 比較方便,所以這里我選擇使用 docker-compose 來進(jìn)行配置。

docker-compose.yml 文件如下:

version: '3'
services:
  nginx:
    image: nginx:latest
    ports:
     - "9000:3000" // 9000 是 docker 暴漏給宿主機(jī)端口,3000是docker內(nèi)部監(jiān)控的端口
    volumes:
     - ./faucet-ui/nginx.conf:/etc/nginx/conf.d/default.conf  // 把宿主機(jī)的 nginx.conf 文件 替換掉 Nginx 默認(rèn)的配置文件 default.conf
     - ./faucet-ui/build:/usr/share/nginx/html // 把宿主機(jī)的 build 文件夾映射到 docker 的 html 文件夾
    command: /bin/bash -c "nginx -g 'daemon off;'"  // docker 起來之后最后執(zhí)行的命令

nginx.conf 文件如下

server{
    listen 3000; // 監(jiān)聽 docker 內(nèi)部的 3000端口
    server_name _;
    location / {
        root   /usr/share/nginx/html; // 該文件夾下尋找 index.html 文件
        index  index.html index.htm;
        try_files $uri /index.html;
    }
}

都搞定之后,在 docker-compose.yml 目錄(注意文件中的所有路徑都是相對(duì)于 docker-compose.yml 文件所在位置說的), 運(yùn)行如下命令即可啟動(dòng)。

sudo docker-compose up -d 

如果想停止運(yùn)行執(zhí)行

sudo docker-compose down
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容