Docker nginx容器部署前端项目全过程

 更新时间:2025年09月28日 09:52:38   作者:段振轩  
用户配置Nginx数据卷映射,将本地文件挂载至容器内/usr/share/nginx/html目录,部署两个前端项目分别绑定18080和18081端口,确保配置文件与前端资源同步更新

Docker nginx容器部署前端项目

worker_processes  1;

events {
    worker_connections  1024;
}

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

    sendfile        on;
    
    keepalive_timeout  65;

    server {
        listen       18080;
        # 指定前端项目所在的位置
        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;
        # 指定前端项目所在的位置
        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是网络的名称

/usr/share/nginx/html 是nginx容器内部文件的地址。

2、上传文件到服务器

并且启动的时候,做数据卷映射

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

这里部署了两个前端项目,所以进行两个端口映射18080和18081

然后配置文件和前端文件都需要数据卷映射。

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Docker安装wordpress并配置数据库超详细介绍版

    Docker安装wordpress并配置数据库超详细介绍版

    安装WordPress是一项常见的任务,使用Docker可以使这个过程更加简单和可靠,下面这篇文章主要给大家介绍了关于Docker安装wordpress并配置数据库的相关资料,需要的朋友可以参考下
    2023-11-11
  • 云centos开启docker远程服务链接的实现步骤

    云centos开启docker远程服务链接的实现步骤

    本文主要介绍了云centos开启docker远程服务链接,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • docker守护进程的配置和操作的方法

    docker守护进程的配置和操作的方法

    这篇文章主要介绍了docker守护进程的配置和操作的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-07-07
  • docker容器互联的实现步骤

    docker容器互联的实现步骤

    容器互联是除了端口映射外另一种可以与容器通信的方式,本文就来介绍一下docker容器互联的实现步骤,感兴趣的可以了解一下
    2023-12-12
  • docker拉取镜像报错:Error response from daemon: Get “https://registry-1.docker.io/v2/“: dial tcp的解决方案

    docker拉取镜像报错:Error response from daemon: Get “https://r

    本文聚焦于解决 Docker 镜像拉取报错 “Error response from daemon: Get https://registry-1.docker.io/v2/: dial tcp …: i/o timeout” 问题,有需要的小伙伴可以了解下
    2025-08-08
  • Windows10系统下Docker默认存储位置更改方案

    Windows10系统下Docker默认存储位置更改方案

    这篇文章主要给大家介绍了关于Windows10系统下Docker默认存储位置更改方案的相关资料,在Docker中存储路径是一个重要的话题,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2023-08-08
  • Ceph集群Docker容器化部署过程

    Ceph集群Docker容器化部署过程

    这篇文章主要介绍了Ceph集群Docker容器化部署过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-01-01
  • docker中nginx卸载、安装、配置及挂载详细教程

    docker中nginx卸载、安装、配置及挂载详细教程

    这篇文章主要给大家介绍了关于docker中nginx卸载、安装、配置及挂载的相关资料,文中通过实例代码介绍是非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-09-09
  • 教你一分钟搞定docker+redis哨兵模式

    教你一分钟搞定docker+redis哨兵模式

    这篇文章主要介绍了教你一分钟搞定docker+redis哨兵模式,本文主要讲解一主二从三哨兵,特将其部署到一台机器上,并通过端口区分,需要的朋友可以参考下
    2023-03-03
  • Docker从0到1实现项目编排部署

    Docker从0到1实现项目编排部署

    Docker编排是管理和协调多个Docker容器的工具和技术,目的是简化容器的部署、扩展和管理流程,本文主要介绍了Docker从0到1实现项目编排部署,感兴趣的可以了解一下
    2025-03-03

最新评论