docker安装nginx，docker部署vue前端，以及docker部署java的jar部署

m0_748251082024-12-27 18:30

一、部署前端部分

  • 前端部分使用vue 2，通过nginx进行部署，首先从nginx安装开始

1.搜索并拉去Nginx镜像

复制代码 
[root@localhost ~]# docker search nginx
[root@localhost /]# docker pull nginx:latest
latest: Pulling from library/nginx
Digest: sha256:0d17b565c37bcbd895e9d92315a05c1c3c9a29f762b011a10c54a66cd53c9b31
Status: Image is up to date for nginx:latest
docker.io/library/nginx:latest
[root@localhost /]# docker ps

2.启动一个nginx,用于复制配置文件到宿主机

复制代码 
[root@localhost /]# docker run -d -p 80:80 --restart=always nginx:latest
c52a824e9245f4ebde4775629133d3370b4ee270baa65d2e2a8a2631579c9e9a
[root@localhost /]# cd /home/


# -d 后台启动 -p 宿主机的80端口映射容器的80端口
# --restart=always 伴随docker重启自动重启该容器
# -p linux服务器端口：docker内部端口。映射

3.创建Nginx配置文件目录

启动前需要先创建Nginx外部挂载的配置文件（ /home/nginx/conf/nginx.conf）

  • 创建挂载目录

    mkdir -p /home/nginx/{conf,html,logs}

4.查看宿主机的目录

复制代码 
[root@localhost ~]# tree /home/nginx/
/home/nginx/
├── conf
├── html
└── log

5.配置复制到宿主机

容器中的nginx.conf文件和conf.d文件、html、logs文件夹复制到宿主机

复制代码 
#将容器nginx.conf文件夹下内容复制到宿主机
[root@localhost nginx]# docker cp nginx:/etc/nginx/nginx.conf /home/nginx/conf/
Successfully copied 2.56kB to /home/nginx/conf/
#将容器conf.d文件夹下内容复制到宿主机
[root@localhost conf]# docker cp nginx:/etc/nginx/conf.d /home/nginx/conf/
Successfully copied 3.58kB to /home/nginx/conf/
#将容器中的html文件夹复制到宿主机
[root@localhost nginx]# docker cp nginx:/usr/share/nginx/html /home/nginx/html
Successfully copied 4.1kB to /home/nginx/html

  • 复制完成后，停止刚刚启动的nginx,并删除容器

    root@localhost html# docker stop nginx

    nginx

    root@localhost html# docker rm nginx

    nginx

  • 重新启动新的容器

    下面代码-v前面被处理过，可直接复制使用， 表示换下一行继续

    -d: 后台启动

    -p: 宿主机的80端口映射容器的80端口

    -v: 挂载宿主机文件或目录到容器

    --restart=always: 伴随docker重启自动重启该容器

    root@localhost html# docker run

    -p 80:80

    --name nginx

    -v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf

    -v /home/nginx/conf/conf.d:/etc/nginx/conf.d

    -v /home/nginx/html:/usr/share/nginx/html

    -v /home/nginx/logs:/var/log/nginx/

    --restart=always

    -d nginx

    a26f1a599eee1f5fe25e5cd8e0e2c8b9071ed97a0ffca821555cb3922fee5697

    root@localhost html# diocker ps -a

查看挂载绑定

复制代码 
[root@localhost html]# docker inspect nginx

对应位置结果如下：

复制代码 
 "HostConfig": {
            "Binds": [
                "/home/nginx/html:/usr/share/nginx/html",
                "/home/nginx/logs:/var/log/nginx/",
                "/home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf",
                "/home/nginx/conf/conf.d:/etc/nginx/conf.d"
            ],
            "ContainerIDFile": "",
            "LogConfig": {
                "Type": "json-file",
                "Config": {}
            },

查看进程

复制代码 
[root@localhost ~]# docker ps -a
CONTAINER ID   IMAGE       COMMAND                   CREATED          STATUS         PORTS                                                  NAMES
d19f05d93ff7   nginx       "/docker-entrypoint...."   30 minutes ago   Up 2 minutes   0.0.0.0:80->80/tcp, :::80->80/tcp                      nginx
859d2a023c54   redis       "docker-entrypoint.s..."   2 hours ago      Up 2 minutes   0.0.0.0:6379->6379/tcp, :::6379->6379/tcp              redis
e536f06efb83   mysql:5.7   "docker-entrypoint.s..."   4 days ago       Up 2 minutes   0.0.0.0:3306->3306/tcp, :::3306->3306/tcp, 33060/tcp   mysql

容器运行后，需要再重新运行加载配置文件，需要stop容器，并删除容器，镜像如需重新定义创建在执行rmi参数删除

关闭容器

root@localhost \~# docker stop nginx

删除容器

root@localhost \~# docker rm nginx

进入容器查看

复制代码 
[root@localhost ~]# docker exec -it nginx /bin/bash
root@d19f05d93ff7:/# cd /etc/nginx/
root@d19f05d93ff7:/etc/nginx# ls
conf.d	fastcgi_params	mime.types  modules  nginx.conf  scgi_params  uwsgi_params
root@d19f05d93ff7:/etc/nginx# exit
exit
[root@localhost ~]#

访问页面

  1. 修改nginx.conf文件，找到进入刚刚挂载宿主机位置的配置文件

    vim /home/nginx/conf/nginx.conf

    #gzip on;

    复制代码 
    #默认文件中无server块，新增自定义server块，注释掉include /etc/nginx/conf.d/*.conf;
#include /etc/nginx/conf.d/*.conf;
    server {
    listen       80;
    server_name  192.168.116.135;

    #charset koi8-r;
    #access_log  logs/host.access.log  main;
    location / {
        root   /usr/share/nginx/html; #注意此处改为容器中html地址，改为宿主机找不到html
        index  index.html index.htm;
        #去除vue访问路径中#
        if (!-e $request_filename) {
            rewrite ^(.*)$ /index.html?s=$1 last;
            break;
            }
      }
    }

  2. 访问

    访问的页面放到挂载的目录（宿主机，如：/home/nginx/html）,不用进入容器，通过xftp等上传编辑好的文件

二、部署准备后端环境

定义路径转发，后台访问部署java，若使用redis等，需要进行docker安装，同时还有数据库也需要安装，这两个的安装比较容易，基本下一步，再设置好开机启动随着docker启动而启动即可。

1.部署java环境

idea打包,准备上传jar包

2.linux中创建目录

复制代码 
mkdir -p /home/java-core

将jar上传到目录

在和jar包在相同目录下创建Dockerfile

复制代码 
[root@localhost ~]# sudo vim Dockerfile

编辑内容如下：

复制代码 
#拉取jdk8作为基础镜像
FROM java:8
#作者
MAINTAINER name
#添加jar到镜像并命名为juror.jar
ADD juror-0.0.1-SNAPSHOT.jar juror.jar
#镜像启动后暴露的端口
EXPOSE 8300
# jar运行命令，参数使用逗号隔开
ENTRYPOINT ["java","-jar","juror.jar"]

3，然后使用命令打包

若build失败，大概是网络不通，更换国内docker镜像。

复制代码 
docker build -t juror .

user表示镜像名称

最后的（点.）表示Dockerfile在当前目录

打包完成后使用docker images查看镜像

4.启动

使用docker run命令创建并运行容器：

此处的端口映射为前端访问后端的接口端口，后面会在nginx中配置路径匹配转发访问接口

复制代码 
docker run -d --name juror -p 8300:8300 juror

命令

功能

docker run

创建并启动容器

-d

后台运行容器，并返回容器ID

--name

指定容器名称

juror

juror需要启动的镜像（名称+版本）不指定版本默认最新版本

:

符号左边为宿主机，右边为容器空间。此为端口映射

5. 在server块中新增location块，监听端口如上，不删除。

复制代码 
 location /juror-api {
                rewrite ^.+juror-api/?(.*)$ /$1 break;  #去掉/juror-api前缀
                proxy_pass  http://192.168.116.135:8300; #转发代理，java后端地址和端口访问
                proxy_redirect off;     #关闭重定向
                proxy_set_header  Host $host;  #携带host请求头
                proxy_set_header  X-Real-IP $remote_addr;   #自定义请求头X-Real-IP将客户真实ip转发给服务器
                proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;  #用户访问cdn服务器转发nginx用户真实ip给后
台
                }

6.访问地址，在java部署完成情况下

7，启动完成,查看启动日志：

docker logs -f -t juror

jar日志启动成功，查看容器：

docker ps

部署完成后如需要开机自启，随着docker启动而启动，命令：

复制代码 
[root@localhost ~]# docker update --restart=always 容器

三、若要进行挂载

修改Dockerfile文件

复制代码 
sudo vim Dockerfile

修改后内容如下(docker中给jar存放一个目录，方便挂载到宿主机)：

拉取jdk8作为基础镜像

FROM java:8

复制代码 
# 作者
MAINTAINER name
# 添加jar到镜像并命名为juror.jar,下面为在宿主机中目录
ADD juror-0.0.1-SNAPSHOT.jar /home/java-core/juror.jar
# 镜像启动后暴露的端口
EXPOSE 8300
# jar运行命令，参数使用逗号隔开,下位容器中需要目录
ENTRYPOINT ["java","-jar","/home/java-core/juror.jar"]

在宿主机中创建挂载目录

复制代码 
[root@localhost java-core]# mkdir -p app
[root@localhost java-core]# ls
app  juror-0.0.1-SNAPSHOT.jar  Dockerfile

启动容器

复制代码 
docker run -d --name juror -e SPRING_PROFILES_ACTIVE="prod" -p 8300:8300 -v /home/java-core/app:/app juror

参数

作用

  • v

/home/java-core/app此处为宿主机jar所在目录，/app为挂载到容器目录下

-e

SPRING_PROFILES_ACTIVE="prod"为启动application-prod.yml环境

这样的方式启动完成之后，更新服务时只需要更换宿主机/home/java-core/app目录下的jar包，然后重启容器即可实现更新，省略了每次更新删除打包创建等过程。

相关推荐
程序员黑豆5 小时前
Java类型推断完全指南：从var到菱形运算符，掌握使用限制与最佳实践
java·前端·ai编程
To_OC6 小时前
踩了个 TS 的坑之后，我终于把 type 和 interface 掰明白了
前端·react.js·typescript
GreenTea6 小时前
深度解读 Anthropic 多智能体报告：更强的模型 ≠ 更好的协调
前端·后端·算法
风流 少年6 小时前
Spring AI 2.0：Memory
java·后端·spring
码匠许师傅6 小时前
【C++ 面试真题】聊聊 C++ 的移动语义与右值引用
java·c++·面试
浮生望6 小时前
前端API工程化：用 Mock 数据与 Axios 配置实现独立于后端的并行开发
前端
万少7 小时前
给 DeepSeek Harness 装个"应用商店"：一条命令，595 个插件随你逛
前端·javascript·后端
小席是个热心肠7 小时前
AI相关的自我学习
java·人工智能·学习
波波0077 小时前
C# 15 重磅新特性： 带标签 break 与 continue：重新定义嵌套循环控制流
服务器·前端·c#
Brown.alexis8 小时前
es6知识点1-自备使用
前端·ecmascript·es6
热门推荐
01GitHub 镜像站点02国内可直接用、免费额度/永久免费的大模型API清单（含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等）03微信历史版本含下载地址（ Windows PC | 安卓 | MAC ）及设置微信不更新042026 国产 AI 大模型横评：DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打？05Agnes AI 免费 API 接入指南：文本、生图、生视频，一套接口全免费06历年考研数学一、数学二、数学三真题试卷及答案PDF07VSCode+CodeX扩展，无法启动08AI 编程 IDE 全景解析 2026：Agent 全面接管开发链路09如何新建文件夹？ 电脑新建文件夹的4种方法102026年7月AI圈大地震：GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片