docker搭建前后端分离项目通过Nginx部署https到外网服务器

Docker部署与Nginx配置详解
最新推荐文章于 2025-04-06 18:13:54 发布
原创 最新推荐文章于 2025-04-06 18:13:54 发布 · 1.1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了如何使用Docker和docker-compose进行项目部署，解决常见权限和网络问题，以及如何配置Nginx实现HTTP到HTTPS的转换，包括生成SSL证书和域名绑定的步骤。

一：项目准备：

1、安装docker和docker-compose（项目通过docker部署）

2、项目在内网能部署成功

3、编写好docker-compose文件，进行docker登录

二：实施

1、docker-compose create；docker-compose start  启动项目

2、权限问题：部署完成后，无法连接数据库是因为服务器的端口没有打开（默认3306端口），一次可以把需要用到的端口打开，（怎么打开，百度了解）。

3、端口打开后，可以使用工具Navicat for mysql连接数据库，将本地数据库的表复制到外网数据库中（也可以使用其他方法，比如copy数据库放到数据库目录下，不过，不建议）；并且查看数据库账号的权限。

4、创建网络，docker network xxxxxx；进入docker容器，docker exec -it 容器名  bash； 查看容器的IP，docker inspect （容器名）。

5、部署到外网，需要域名，所以，

第一步要申请一个域名，跳转到阿里云服务器，找到域名...，选择解析（这些可以去百度，都是有的，不详细说）

域名服务器如何绑定：https://blog.youkuaiyun.com/rentian1/article/details/95593787

域名如何加入前缀：

最低0.47元/天 解锁文章
手把手教学使用宝塔面板部署前后端分离项目（全面详细）
黄团团的个人博客
07-01 7915
平日里我们的前后端项目基本上都是通过linux系统提供的命令窗口去部署，有没有一种更简单可视化的方式去部署我们自己的项目呢，答案是有的，本篇博客就是手把手教学如何通过一个可视化的页面去部署我们自己开发的前后端分离项目。
linux前后端分离项目环境搭建、项目部署完整过程
qq_52395816的博客
05-19 1876
linux前后端分离项目部署完整过程 1. 参考此博文需要的知识储备：linux基础命令 2. 用到的环境及知识：linux、docker、nginx、mysql、redis、java、jdk1.8 3. 具体容器信息
【Docker】安装Nginx容器并部署前后端分离项目
万维网连五洲，二进制写尽天下事，喜欢结识新伙伴寻找志同道合的朋友，欢迎一起探讨学习
01-17 7058
Nginx一站式安装并结合网络通讯让各个容器之间可以相互访问，随后部署前后端项目使其负载均衡！！
Docker部署前后端分离的项目
2301_77157123的博客
04-06 2095
把一个前后端分离的项目部署到Docker中
用nginx正向代理https网站
03-02 1922
当然，如果只是代理http还是很简单的，而要代理https还是需要稍费周折，因为nginx本身不能部署被代理的网站的证书，不能部署成https终结点来，因此与被代理客户端之间不能用ssl协议通讯，因此需要通过http协议中的CONNECT请求打通和外网的连接，然后客户端到nginx走明文，nginx到外网走https协议。步骤2： 因为nginx原生是不支持CONNECT请求的，需要安装一个扩展插件，即ngx_http_proxy_connect_module，从github下载。步骤8：配置nginx。
docker下前后端分离部署，并配置https和域名访问（两台服务器）
搬砖工具吴某的博客
02-07 2674
一、部署前端 1、我Nginx的docker启动命令，ssl证书上传至指定位置 docker run -d --name nginx -p 80:80 -p 443:443 -v /mnt/docker/nginx/nginx.conf:/etc/nginx/nginx.conf -v /mnt/docker/nginx/logs:/var/log/nginx -v /mnt/docker/nginx/html:/usr/share/nginx/html -v /mnt/docker/nginx/conf:
Docker+Nginx部署前后端分离项目(SpringBoot+Vue)的详细教程
2501_90643498的博客
03-06 1887
本文介绍了在 CentOS 服务器上使用 Docker 和 Docker Compose 部署 Spring Boot + Vue 项目的流程。首先，配置阿里云镜像源并安装 Docker，优化下载速度。然后，前端使用 Nginx 部署，并配置反向代理至后端。后端通过 `Dockerfile` 构建 Spring Boot 镜像，`docker-compose.yml` 统一管理 Nginx、MySQL、Redis 及后端服务，实现一键启动。最后，使用 Navicat 连接云端数据库并导入 SQL，完成部署。
全栈式部署：SpringCloud 微服务+Docker + Vue + nginx 前后端一站式部署
solocoder的博客
10-26 1653
本文将带大家从一台全新的 CentOS 服务器开始，部署一套完整的前后端分离项目。操作步骤非常详细，新手友好型文章~ 后端技术栈：SpringCloud 微服务架构 + Redis + RabbitMQ + MySql； 前端技术栈：Vue + ElementUI； 部署工具：后端用 Docker 容器化部署，并把命令封装成脚本自动执行；前端用 Nginx 做代理。 一、前期准备 系统版本为：Ce...
k8s 部署 ruoyi 前后端分离项目
maplecsd的博客
06-23 3687
详细讲解如何使用 k8s 部署 ruoyi 前后端分离版项目，包括 k8s 集群搭建、docker 安装、registry 镜像仓库安装、前后端镜像打包、k8s编排文件编写、部署服务到 k8s 等详细部署过程
Docker-Compose + Nginx 部署前后端分离项目
[爪洼ing]的博客
12-04 4690
Docker-Compose + Nginx 部署前后端分离项目 项目是采用Vue +Springboot 的前后端分离项目 一、预处理 1、项目打包前，先去File–>Setting–> File Encoding 中 改为UTF-8,防止乱码错误！ 注意：此时如果修改为UTF8后我们的properties配置文件中文乱码：不要慌没问题，直接把中文删除再写即可！ 2、由于后端项目是使用SpringBoot编写的，我们打包需要一个打包插件，记得导入包！不然可能出现打出的包中没东西 &
docker下载nginx镜像并配置，然后通过公网ip访问
01-20
实验环境： 一台Liunx服务器（内网可也以） 系统中具有docker环境（如果没有的话，可以查看我的另一篇文章docker的安装https://blog.youkuaiyun.com/weixin_42431676/article/details/105291832） 执行命令： docker pull nginx //从docker自带的源把nginx的镜像下载下来 docker images //查看刚才下载的镜像文件 docker run -itd --name nginx -p 5555:80 nginx //运行刚刚下载nginx的镜像，现在这个镜像是一个容器。修改name为
Docker+nginx部署SpringBoot+vue前后端分离项目（保姆及入门指南）
Hanson的博客
05-21 2927
Docker+nginx部署SpringBoot+vue前后端分离项目（保姆及入门指南）
docker 对前后端分离项目的部署和运维
蚁族的奋斗的博客
07-10 9933
1.首先要有虚拟机（vmware 这是一个虚拟机安装软件，然后下载cenos操作系统，centos是linux社区办的一个流行的操作系统，还有Redhat 商业版的，安全还提供一些额外的服务，但是要收费，还有对虚拟机的硬件和软件进行配置，在VMware这个图形化的工具里面就可以进行配置）或者是购买阿里的ecs服务器，下载cenos公共镜像（有免费的为啥不用这个呢）。 2.连接远程服务器和对远程服...
如何将前后端分离项目部署到本地的Docker Desktop容器运行并且访问
qq_49195366的博客
10-17 2023
完成了客户的一个前后端分离项目，要求部署到客户电脑上去展示，那肯定不能直接把代码弄上去跑呀~~~，于是我就想把他们都打包部署到本地的docker容器里面，方便运行和访问，so，以下内容就详细介绍了如何将前后端分离项目部署到本地的docker容器运行。
SSL + Docker + SpringBoot 搭建前后端分离环境
weixin_43383325的博客
05-08 461
前后端配置https
springboot+vue项目部署到外网服务器的完整步骤（前后端分离 分别部署）
TGA麻辣香锅的博客
08-24 6325
前言： 我使用的是腾讯云服务器 需要安装如下： jdk1.8 mysql5.5 Nginx mysql5.5在linux终端安是真的麻烦 后来是用小伙伴提前在宝塔安好的mysql，记得版本是5.5 关于jdk和Nginx的步骤可见下面的有道云笔记，比较容易 出现报错不要慌 搜搜csdn 很好解决 https://blog.youkuaiyun.com/weixin_45678130/article/details/119891339 https://blog.youkuaiyun.com/weixin_45678130/a
如何用Docker容器部署项目，并外部访问？
zhouhengzhe的博客
09-11 8645
docker部署项目
从零开始 - Docker部署前后端分离项目（一）
qq_46158060的博客
07-08 496
此系列的文章基于以下环境： 阿里云服务器ECS CPU&内存 ：1核(vCPU) 2 GiB 操作系统：Ubuntu 20.04 64位
Spring boot前后端分离项目使用docker-compose部署在Ubuntu
叼着零食打架
12-08 1505
2、https://img-blog.csdnimg.cn/2ac67e4d1c6846b1a6b970a6080b164e.png编写Dockerfile与docker-compose.yml文件 2.1 Dockerfile文件编写() 2.2 docker-compose.yml文件编写
一个前后端分离的项目，如何部署在局域网下让其他用户访问
最新发布
04-10
<think>好的，用户想知道如何将前后端分离的项目部署在局域网中，让其他用户可以访问。我需要根据提供的引用内容来整理回答，特别是引用[1]和引用[2]中的信息。 首先，引用[1]提到使用Docker创建了一个名为net-ry的局域网，子网和网关设置，这可能涉及到Docker网络的配置。然后，用户需要搭建前后端的环境，可能包括Docker容器化部署。 然后，引用[2]讨论了内网部署后外网访问的问题，但用户的问题是关于局域网的，所以重点应该放在局域网内的配置，比如确保服务在局域网IP上监听，防火墙设置，以及可能的路由器配置。比如，前端可能需要配置API代理，后端需要绑定到0.0.0.0，允许其他设备访问。 接下来，步骤可能需要分为几个部分：搭建局域网环境、部署后端服务、部署前端服务、配置网络和测试访问。同时，要确保各服务的端口开放，比如后端API端口，前端使用的端口，可能需要使用Nginx反向代理或者直接在Docker中处理网络。 可能的问题点包括：后端服务是否监听正确IP，防火墙是否阻止了端口访问，Docker网络配置是否正确。需要检查这些方面。例如，后端应用需要绑定到0.0.0.0而不是localhost，否则其他设备无法访问。Docker容器需要连接到同一个网络，并且端口映射正确。 另外，引用[1]中的docker network create命令可以用来创建一个专用的Docker网络，这样容器之间可以通过容器名通信，而不需要知道IP地址，这有助于前后端的连接。 对于前端部署，可能需要将构建后的静态文件放在Nginx中，并配置代理到后端API地址。例如，在Nginx配置中设置proxy_pass到后端容器的名称和端口，如http://backend:8080。 测试方面，用户可以在同一局域网的其他设备上使用服务器的内网IP和前端端口访问，比如http://192.168.1.100:80。 最后，常见问题可能涉及端口未开放或者服务绑定不正确，需要指导用户检查这些点。同时，引用[2]提到的内网穿透等可能不适用于此问题，但可以作为扩展知识提及，不过用户当前需求是局域网，所以主要围绕Docker和网络配置。</think>### 前后端分离项目局域网部署指南 #### 一、搭建局域网环境 1. **创建Docker专用网络**（推荐方式） 使用Docker创建独立局域网，确保容器间通信隔离且安全。 ```bash docker network create net-ry --subnet=172.68.0.0/16 --gateway=172.68.0.1 ``` 此命令创建名为`net-ry`的网络，子网为`172.68.0.0/16`，网关为`172.68.0.1`[^1]。 2. **确认局域网IP范围** 确保服务器和用户设备在同一局域网段（如`192.168.1.x`或`172.68.x.x`）。 --- #### 二、后端服务部署 1. **容器化部署示例** 以Spring Boot为例，构建Docker镜像并运行： ```dockerfile FROM openjdk:17 COPY target/app.jar /app.jar EXPOSE 8080 CMD ["java", "-jar", "/app.jar", "--server.address=0.0.0.0"] ``` ```bash docker build -t backend . docker run -d --network net-ry --name backend -p 8080:8080 backend ``` **关键点**：`--server.address=0.0.0.0`确保监听所有网络接口。 2. **验证后端服务** ```bash curl http://localhost:8080/api/health ``` 若需允许其他设备访问，需开放服务器防火墙端口（如`8080`）。 --- #### 三、前端服务部署 1. **静态资源托管** 使用Nginx容器托管编译后的前端文件： ```dockerfile FROM nginx:alpine COPY dist /usr/share/nginx/html COPY nginx.conf /etc/nginx/conf.d/default.conf ``` ```bash docker run -d --network net-ry --name frontend -p 80:80 frontend ``` 2. **Nginx反向代理配置** ```nginx server { listen 80; location / { root /usr/share/nginx/html; index index.html; } location /api { proxy_pass http://backend:8080; # 使用Docker容器名通信 } } ``` --- #### 四、访问配置 1. **用户访问方式** - 用户设备需在同一局域网 - 通过服务器内网IP访问前端页面，如`http://192.168.1.100:80` 2. **跨设备连通性检查** - 确认服务器防火墙开放端口： ```bash ufw allow 80/tcp && ufw allow 8080/tcp ``` - 测试设备到服务器的网络连通性： ```bash ping <服务器内网IP> ``` --- #### 五、常见问题排查 | 问题现象 | 解决方案 | |-------------------------|---------------------------------------| | 前端无法加载API数据 | 检查Nginx的`proxy_pass`是否指向正确后端地址 | | 用户设备无法访问服务 | 确认服务器IP绑定为`0.0.0.0`，非`127.0.0.1` | | Docker容器间通信失败 | 确保所有容器加入同一Docker网络`net-ry`[^1] | ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值