当前位置：首页 > news >正文

docker 部署前、后端分离项目详细步骤(从打包到部署)

news 来源：原创 2025/7/13 7:05:29

在平常的开发工作中，一个项目经历需求、开发、测试、上线等步骤。在开发测试完成后，我们需要部署测试环境、生产环境等，那么我们用 docker 方式应该怎么部署呢？前后端分离的项目又该如何部署呢？那么，今天我们总结下前后端分离项目从打包到部署的详细步骤。

一：安装所需软件

安装项目所需软件，如安装 mysql、redis、nacos等，这些安装方式在前面已经写过，这里不再赘述，安装步骤博客如下：

1：docker 安装 mysql 详解_本机连接docker mysql-CSDN博客

2：docker 安装 nginx 详解_docker 拉取nginx-CSDN博客

3：docker 安装 redis 详解_docker 安装redis-CSDN博客

4：docker 安装 Rabbitmq 详解_docker 安装rabbitmq-CSDN博客

5：docker 安装 MinIO 步骤详解_docker minio-CSDN博客

二：前端打包

1：修改 .env.deployment 配置文件接口调用配置，用于部署环境的环境变量配置文件，通常与 .env 文件类似，但专门针对部署阶段（如生产环境、预发布环境等）的特定配置，如图：

2：项目打包：npm run build，在 npm run build 时可以添加一些参数来调整打包。例如在 Vue CLI 项目中：npm run build -- --mode development：指定以开发模式进行打包。

当看到控制台输出如下信息时，表示打包成功：

打包成功，前端项目包如图所示：

三：后端打包

1：修改数据库信息为对应数据库，数据库配置一般在 application.yml 文件中配置。一般项目中会有多个配置文件，如 dev 开发环境、test 测试环境、prod 生产环境配置文件等，一定要注意每种配置文件中对应的数据库信息正确。如：

2：如果需要修改部署在服务上项目的端口信息，在 application.yml 中修改端口信息，如：

3：先点击 clean，然后点击 package 打包，操作如图所示：

四：构建后端服务镜像

1：编写 Dockerfile文件，Dockerfile 是一种纯文本文件，文件命名就是 “Dockerfile”，用来构建 Docker 镜像的文本文件，包含了一系列的指令和参数。通过 Dockerfile 构建的镜像可以保证开发环境、测试环境和生产环境的镜像一致，避免了换机器不能运行的问题。通过指令可以自动构建镜像。Dockerfile 可以与 Jenkins 等集成，实现自动化构建和部署。

# 使用OpenJDK 17基础镜像
FROM openjdk:17
# 创建一个名为/litemall/logs的目录
RUN mkdir -p /litemall/logs
# 切换工作目录
WORKDIR /litemall
# 配置环境变量
ENV SERVER_PORT=8085 \LANG=C.UTF-8 \LC_ALL=C.UTF-8# 暴露应用端口
EXPOSE 8085# 添加应用Jar包到容器中
ADD litemall-wx-api-0.1.0.jar ./app.jar# 设置启动命令
ENTRYPOINT ["java", \"-Dserver.port=${SERVER_PORT}", \"-Xlog:gc*:time,tags,level", \"-XX:+UseZGC", \"-jar", "app.jar"]

        2：docker build -t 镜像名:tag . 如：docker build -t litemall-all:v1.0 . ，编写完 Dockerfile 文件后，这个时候就可以构建镜像了。注意版本后面有个空格点。使用点 . ：表示使用当前目录下的 Dockerfile，如果不加这个点，Docker 不会知道从哪里获取 Dockerfile。镜像构建完成后，可以使用 docker images 查看生成的镜像。

        查看镜像：docker images

五：启动后端服务

1：编写后端服务 docker-compose.yml 文件。启动容器，可以直接用docker run 后面接一堆指令启动，也可以用 docker-compose.yml 文件管理指令，docker compose 是定义和运行多容器 Docker 应用的工具，用 docker compose 命令启动，这样更加的便捷。

services:litemall-all:image: litemall-all:v1.0container_name : litemall-allenvironment:- SERVER_PORT=8085- JAVA_OPTS="-Xmx2g -Xms2g" - TZ=Asia/Shanghairestart: alwaysnetwork_mode: "host"

        2：启动后端服务 docker compose up -d 命令，docker compose up 是阻塞窗口的，带上 -d 是非阻塞的。docker compose up -d 启动，可以更方便的管理启动命令。
        遇到的问题：
报错 1 如下：下载镜像报错

   解决方法：
   修改 /etc/daemon.json文件中镜像加速器配置，如果遇见下载镜像错误，基本都是这种解决方法。但是修改了好久镜像加速器配置，就是没有解决，一直以为是加速器没有配置对，导致问题，后面发现是 docker-compose.yml 中 image 镜像名称写错了，所以导致下载镜像一直失败，Dockerfile 文件中的镜像，如图：

报错 2 如下：无法找到运行的主类

解决方法：找到服务所在模块的 pom.xml 中如下配置：

<build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId><executions><execution><id>repackage</id><configuration><executable>true</executable><classifier>exec</classifier></configuration> </execution></executions></plugin></plugins>
</build>

将 <execution> 标签中的内容改为如下，即可解决：

<goals><goal>repackage</goal><goal>build-info</goal>
</goals>

4：测试后端服务
在服务器上执行：curl -v http://localhost:8085/wx/auth/login 后面接口为后端服务中的接口，查看返回信息，如果返回 200，则表示接口调用成功；如果连接失败，-v 会显示错误详情（如 Connection refused 表示端口未监听）。

六：nginx 配置

1：编写 nginx.conf 文件，主要作用是将 Nginx 服务器配置为监听 6255 端口，处理前端静态资源请求和后端接口请求，通过反向代理将以 /wx/ 开头的请求转发到 http://localhost:8085 后端服务器。

user  nginx;
worker_processes  auto;events {worker_connections  1024;
}http {include       /etc/nginx/mime.types;default_type  application/octet-stream;autoindex on;keepalive_timeout  65;server {listen 6255;server_name localhost;charset utf-8;# 处理前端静态资源请求location / {root  /usr/share/nginx/html;index index.html index.htm;}# 处理后端接口请求location /wx/ {proxy_pass http://localhost:8085;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_set_header X-Forwarded-Proto $scheme;}}
}

2：编写 docker-compose.yml 文件，定义了使用镜像及版本，容器名称、环境配置及端口映射，挂载了宿主机目录等，使用 docker-compose.yml 文件，可以更好的管理启动命令，方便使用。

services:nginx:image: nginx:latestcontainer_name: nginx-litemall-testenvironment:TZ: Asia/Shanghaiports:- "8085:8085"volumes:# 配置文件映射- /litemall/nginx/conf/nginx.conf:/etc/nginx/nginx.conf- /litemall/nginx/conf:/etc/nginx/conf# 页面目录- /litemall/html/dist:/usr/share/nginx/htmlprivileged: truenetwork_mode: "host"

3：启动 nginx，用 docker compose up 启动，可以实时看到启动日志。可以 docker ps 查看是否启动成功。

        4：遇到的问题：访问报 404，如下：

nginx 报错如下：无法打开 /html 文件夹，没有此文件或者目录

   解决方法：搜了好多方法，基本都是说文件夹权限问题，chmod 修改文件夹权限，各种修改权限，看目录路径是否正确，修改了好久，没有解决，后面发现是 nginx.conf 中
前端文件目录写的是宿主机的文件目录，而不是容器的目录，所以导致一直找不到，
        修改前、后如下图：

此处要注意：nginx 文件挂载目录映射位置：

七：测试

根据 http://xx.xx.xx.xx:6255 进行访问，访问页面如下：

        可能会遇到的问题：项目启动成功，访问失败，可以查看项目端口是否因没开防火墙导致无法访问。如果是，解决步骤如下：
        (1)：查看防火墙开的端口：firewall-cmd --zone=public --list-ports
(2)：若端口未开，则添加，比如开放 8008 端口：firewall-cmd --zone=public --add-port=8008/tcp --permanent
(3)：修改完成后，重启防火墙：firewall-cmd --reload

八：总结

首先装需要的软件，如部署需要的 nginx、redis、rabbitmq、nacos、mysql等，接着就是打前端包，打后端包，包打完之后，将包上传到服务器，构建后端服务镜像，编写启动后端服务 docker-compose.yml 文件。创建 nginx.conf 文件，nginx.conf 文件的配置和 nginx 的 docker-compose.yml 文件中配置尤为重要，监听的端口，挂载文件目录，一定要注意书写正确，否则可能看着都没问题，但是就是访问失败。

docker 部署前、后端分离项目详细步骤(从打包到部署)

在平常的开发工作中，一个项目经历需求、开发、测试、上线等步骤。在开发测试完成后，我们需要部署测试环境、生产环境等，那么我们用 docker 方式应该怎么部署呢？前后端分离的项目又该如何部署呢？那么，今天我…...

编程日记 2025/7/13 7:05:29

【深度学习的灵魂】图片布局生成模型LayoutPrompt（1）

🌈 个人主页：十二月的猫-CSDN博客 🔥 系列专栏： 🏀《深度学习理论直觉三十讲》_十二月的猫的博客-CSDN博客 💪🏻 十二月的寒冬阻挡不了春天的脚步，十二点的黑夜遮蔽不住黎明的曙光目…...

编程日记 2025/7/12 0:00:44

BG开发者日志429：故事模式的思路

1、故事模式已有的一关试验关中，直接揭示了一些重要真相，白给了。 /原设计思路是玩家可以直接玩故事模式，很快就能通关本模式的所有关卡，知道所有真相。 /原表现方式是步行模拟，到地点看对话。 （现在看来…...

编程日记 2025/7/13 6:45:40

Linux批量管理：Ansible自动化运维指南

引言在服务器规模化的时代，Ansible就像一位"自动化指挥官"🎖️，让你轻松管理成百上千台Linux主机！本文将带你全面掌握Ansible的核心用法，从基础架构到高级Playbook，从主机管理到应用部署。无论…...

编程日记 2025/7/13 7:03:14

【AI提示词】第一性原理

提示说明擅长运用第一性原理思维进行深度问题分析与创新解决方案构建的专家。提示词 # Role: 第一性原理思考导师## Profile - language: 中文 - description: 擅长运用第一性原理思维进行深度问题分析与创新解决方案构建的专家 - background: 具备理论物理学与哲学复合背…...

编程日记 2025/7/4 22:53:12

【LeetCode】螺旋矩阵

题目题目链接请按照顺时针螺旋顺序 ，返回矩阵中的所有元素，示例如下： 思路整体思路为模拟。具体地，可以采用“减而治之”的思想，将整个遍历过程拆分为一次次对每一行和每一列的遍历，每次只考虑一行/…...

编程日记 2025/7/8 1:27:56

给 BBRv2/3 火上浇油的 drain-to-target

最近彻底跟 BBR 杠上了，再读一篇落实性论文 Promises and Potential of BBRv3，结论依然是 BBRv3 并未如声称的那般优化公平性，反而可能更糟糕，不得不说又是任重而道远。说一个我遇到的，讲理之外顺带吐槽。 BBRv1 在…...

编程日记 2025/7/4 22:53:07

后端id类型为long类型时，返回给前端浏览器四舍五入，导致id精度缺失问题

背景今天在代码里，掉了别人写的接口，有个id的字段是long类型的，我这边加点参数返回给前端，然后前端根据id修改，结果修改的数据记录有，但是没起作用，后来发现根据他传给我的id在后台数据库查不…...

编程日记 2025/7/13 6:44:57

《云原生》核心内容梳理和分阶段学习计划

🤟致敬读者 🟩感谢阅读🟦笑口常开🟪生日快乐⬛早点睡觉📘博主相关 🟧博主信息🟨博客首页🟫专栏推荐🟥活动信息文章目录云原生核心内容梳理和分阶段学习计划一、云原生核心技术栈（2025年重点方向）二、分阶段学习计划（6-12个月系统性进阶）**阶段1：基础入…...

编程日记 2025/7/9 8:23:15

跟我学C++中级篇——控制死锁

一、同步和死锁在前面学习多线程和网络编程时，都对线程中数据的同步和数据结构多线程访问的安全问题进行了分析和说明。其实，多线程编程之所以难，难点之一就在这里，数据同步意味着效率和安全的平衡，而这里的安全有一…...

编程日记 2025/7/4 22:53:00

「Mac畅玩AIGC与多模态08」开发篇04 - 基于 OpenAPI Schema 开发专用 Agent 插件

一、概述本篇介绍如何在 macOS 环境下，通过编写 OpenAPI Schema，开发自定义的专用插件，让智能体可以调用外部 API，扩展功能至任意在线服务。实践内容基于 Dify 平台，适配 macOS 开发环境。二、环境准备 1. 确认本地开发环境 macOS 系统Dify 平台已完成部署并可访问本…...

编程日记 2025/7/4 20:19:11

“兴火·燎原”总冠军诞生，云宏信息《金融高算力轻量云平台》登顶

“兴火燎原”创新马拉松公开赛2024年度全国总决赛于4月18日在福州举办，云宏科技股份有限公司（以下简称：云宏）的《金融高算力轻量云平台》项目脱颖而出，夺得全国总冠军。作为数字中国创新大赛金融领域的核心赛事&…...

编程日记 2025/7/12 20:11:13

MySQL 索引与事务详解

MySQL 索引与事务详解一、索引（Index） 1. 索引的作用与原理索引是数据库的"目录"，能够大幅提高查询速度，但会增加写入开销。MySQL 使用 BTree 作为主要索引结构。 2. 索引类型 (1) 普通索引 CREATE INDEX idx_n…...

编程日记 2025/7/10 22:31:22

洛谷题解 | CF111C Petya and Spiders

目录题目描述输入格式输出格式输入输出样例 #1输入 #1输出 #1 输入输出样例 #2输入 #2输出 #2 说明/提示题目简化题目思路AC 代码题目描述 Little Petya loves training spiders. Petya has a board $ nm $ in size. Each cell of the board initially has a spider sitting…...

编程日记 2025/7/4 22:52:52

【深度对比】Google Play与IOS 马甲包处理差异分析

在移动应用发布与推广过程中，马甲包（Cloned App / Alternate Version） 曾被广泛用于流量测试、风险隔离、多品牌运营等场景中。随着 Google Play 与 Apple App Store 审核政策不断收紧，开发者们越来越关注两个平台对“马甲包”的态…...

编程日记 2025/7/7 20:27:17

【C++】C++11新特性（二）

目录完美转发引用折叠： lambda表达式完美转发引用折叠： 引用折叠是 C的类型系统规则，用于处理“引用的引用”（如 T& &）。在推导过程中，必须折叠成有效的单一引用类型。直接声明引用的引用…...

编程日记 2025/7/11 10:55:05

高等数学-第七版-下册选做记录习题9-4

1. 3. 4. 8....

编程日记 2025/7/4 22:52:46

特殊权限管理

特殊权限的类型 SUID（Set User ID）：当一个可执行文件设置了 SUID 权限后，在执行该文件时，进程会以文件所有者的身份运行，而不是以执行用户的身份。例如，/usr/bin/passwd文件用于修改用户密码&a…...

编程日记 2025/7/9 12:38:34

牛客周赛 Round 91

赛时成绩如下： A. while 题目描述小歪找到了一个由五个字符构成的字符串，它一次可以选择任意一个字符，将其修改为另一个字符，他想要知道，将这个字符串修改为 "while" 需要的最少操作次数。解题思路&#x…...

编程日记 2025/7/8 19:28:46

Kafka 的服务端的物理存储架构是什么？零拷贝，mmap，sendfile、DMA gather又是什么？

Kafka 服务端的物理存储架构 Kafka 的物理存储架构设计旨在支持高吞吐、低延迟的数据处理，其核心特点包括： 1. 分区与日志段主题（Topic）与分区（Partition）： Kafka 将每个主题划分为多个分区&…...

编程日记 2025/7/9 13:09:01

1.7 点云数据获取方式——视觉SLAM

图1-7-1 Visual SLAM生成的点...

编程日记 2025/7/4 22:52:35

双向流热固耦合的收敛

1 收敛性如果想把流固耦合计算过程的收敛性弄清楚，必须理解流固耦合的求解过程和对流场与固体场的定义设置： -这个与其他的真实物理场可能有所不同 -例如你的初始条件可能是不同的当遇到收敛困难时，需要看一下的求解过程用户使用监测点和…...

编程日记 2025/7/8 23:07:57

C++之类和对象：构造函数，析构函数，拷贝构造，赋值运算符重载

前提：如果一个类是空类，C中空类中真的什么都没有吗，不是的，编译器会自动生成6个默认成员函数。默认成员函数：用户没有显式实现，编译器会生成的成员函数称为默认成员函数。默认成员函数：构造函…...

编程日记 2025/7/9 8:20:54

Vue2 相关知识点整理

一、Vue2 核心机制 1. Vue2 的响应式原理是什么？ 答案： Vue2 通过 Object.defineProperty 给对象的每个属性添加 getter 和 setter，当数据被访问或修改时，自动触发视图更新。通俗解释： 就像给每个数据绑了一个“监控…...

编程日记 2025/7/10 9:22:04

CSS：编写位置分类及优先级

文章目录一、行内样式二、内部样式三、外部样式（推荐）四、优先级五、编码风格一、行内样式最好不这样写二、内部样式可以使用三、外部样式（推荐） 四、优先级行内样式 > 内部样式外部样式五、编码风格...

编程日记 2025/7/4 22:52:27

Tauri 跨平台开发指南及实战：用前端技术征服桌面应用（合集-万字长文）

厌倦了笨重的Electron应用？想要构建体积小、性能高、安全可靠的跨平台桌面应用？Tauri将是你的不二之选！本教程带你从入门到精通，掌握这个下一代桌面应用开发框架，并通过实战APK分析工具项目，将理论知识转化…...

编程日记 2025/7/9 7:43:39

深入解析 Linux 进程池：原理、实现与高并发优化

引言当你的服务器需要同时处理 10,000 个客户端请求时，传统的"来一个请求创建一个进程"模式会导致严重的性能瓶颈。此时，进程池（Process Pool） 便成为关键解决方案。它像一支训练有素的特种部队，通过预先创…...

编程日记 2025/7/9 1:27:12

[Python]非零基础的快速上手

从js转的python，没有从初学者阶段开始，主打一个快速上手能写再说. pycharm:一种编辑器数据类型基本数据类型:整型(整数)、浮点型、字符型、布尔型复杂数据类型:列表(数组)、集合区{1,2,3}、元组(1,3.4)字典{n’:2,b:1} 模板字符串输出模板字符串…...

编程日记 2025/7/11 12:05:42

《算法笔记》10.5小节——图算法专题-＞最小生成树问题 E: Jungle Roads

题目描述 The Head Elder of the tropical island of Lagrishan has a problem. A burst of foreign aid money was spent on extra roads between villages some years ago. But the jungle overtakes roads relentlessly, so the large road network is too expensive to mai…...

编程日记 2025/7/7 21:32:05