快捷導(dǎo)航

Docker nginx容器部署前端項(xiàng)目全過程

更新時(shí)間：2025年09月28日 09:52:38 作者：段振軒

用戶配置Nginx數(shù)據(jù)卷映射,將本地文件掛載至容器內(nèi)/usr/share/nginx/html目錄,部署兩個(gè)前端項(xiàng)目分別綁定18080和18081端口,確保配置文件與前端資源同步更新

Docker nginx容器部署前端項(xiàng)目

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/json;

    sendfile        on;
    
    keepalive_timeout  65;

    server {
        listen       18080;
        # 指定前端項(xiàng)目所在的位置
        location / {
            root /usr/share/nginx/html/hmall-portal;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        location /api {
            rewrite /api/(.*)  /$1 break;
            proxy_pass http://hm:8080;
        }
    }
    server {
        listen       18081;
        # 指定前端項(xiàng)目所在的位置
        location / {
            root /usr/share/nginx/html/hmall-admin;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
        location /api {
            rewrite /api/(.*)  /$1 break;
            proxy_pass http://hm:8080;
        }
    }
}

1、上面是nginx的配置文件，hm是網(wǎng)絡(luò)的名稱

/usr/share/nginx/html 是nginx容器內(nèi)部文件的地址。

2、上傳文件到服務(wù)器

并且啟動的時(shí)候，做數(shù)據(jù)卷映射

3、啟動命令

docker run -d \
 --name nginx \
-p 18080:18080 \
-p 18081:18081 \
-v  /root/nginx/html:/usr/share/nginx/html \
-v /root/nginx/nginx.conf:/etc/nginx/nginx.conf \
--network heima \
nginx

這里部署了兩個(gè)前端項(xiàng)目，所以進(jìn)行兩個(gè)端口映射18080和18081

然后配置文件和前端文件都需要數(shù)據(jù)卷映射。

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Docker實(shí)現(xiàn)安裝ELK(單節(jié)點(diǎn))
這篇文章主要介紹了Docker實(shí)現(xiàn)安裝ELK(單節(jié)點(diǎn)),具有很好的參考價(jià)值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-08-08
Docker安裝LNMP環(huán)境的詳細(xì)過程(可部署TP項(xiàng)目)
這篇文章主要介紹了Docker安裝LNMP環(huán)境的詳細(xì)過程(可部署TP項(xiàng)目),主要包括安裝docker，安裝nginx，安裝php的命令詳解，需要的朋友可以參考下
2022-06-06
如何使用docker搭建chromium
這篇文章主要介紹了如何使用docker搭建chromium,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧
2024-03-03
Docker上部署?nps?和?npc?實(shí)現(xiàn)內(nèi)網(wǎng)穿透
本文介紹了如何使用Docker部署nps和npc實(shí)現(xiàn)內(nèi)網(wǎng)穿透。nps是一款高性能的內(nèi)網(wǎng)穿透代理服務(wù)器，npc是nps的客戶端，可以將內(nèi)網(wǎng)服務(wù)映射到公網(wǎng)上。通過Docker的容器化技術(shù)，可以方便地部署和管理nps和npc，同時(shí)保證了應(yīng)用的隔離性和安全性。
2023-04-04
Docker安裝Elasticsearch?8.x的實(shí)現(xiàn)示例
本文主要介紹了Docker安裝Elasticsearch8.x,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2025-04-04
docker離線鏡像文件選擇導(dǎo)入腳本方式
本文檔提供了一個(gè)腳本,用于自動掃描、顯示和導(dǎo)入`/data/k8s-package`目錄下的Docker離線鏡像文件,用戶可以選擇單個(gè)或批量導(dǎo)入鏡像,并在每次加載后進(jìn)行確認(rèn),腳本運(yùn)行后,會顯示加載結(jié)果,并最終列出當(dāng)前系統(tǒng)中的所有Docker鏡像
2025-10-10
Docker?exec?的實(shí)現(xiàn)原理介紹
這篇文章主要介紹了Docker?exec的實(shí)現(xiàn)原理，詳細(xì)解讀了docker?exec這個(gè)操作背后,Linux?Namespace更具體的工作原理,這種通過操作系統(tǒng)進(jìn)程相關(guān)的知識,逐步剖析Docker容器的方法,需要的朋友可以參考一下
2022-04-04
解決Docker鏡像拉取超時(shí)及優(yōu)化網(wǎng)絡(luò)配置的方法(failed to do request
在使用 Docker 構(gòu)建和部署應(yīng)用時(shí),拉取鏡像是一個(gè)關(guān)鍵的步驟,然而,在一些網(wǎng)絡(luò)環(huán)境中,特別是企業(yè)內(nèi)部網(wǎng)或受限網(wǎng)絡(luò)環(huán)境中,可能會遇到 Docker 鏡像拉取失敗或超時(shí)的問題,這篇博客將詳細(xì)探討如何應(yīng)對 Docker 鏡像拉取超時(shí)的問題,需要的朋友可以參考下
2024-11-11
使用docker搭建redis主從的方法步驟
這篇文章主要介紹了使用docker搭建redis主從的方法步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-01-01
Docker鏡像的導(dǎo)入導(dǎo)出代碼實(shí)例
這篇文章主要介紹了Docker鏡像的導(dǎo)入導(dǎo)出代碼實(shí)例，本文實(shí)例講解的很透徹很明了，有需要的同學(xué)可以參考下
2021-03-03