Springboot前后端分离同一套代码在同一台服务器上搭两个测试环境

最新推荐文章于 2025-03-25 15:44:30 发布
原创 最新推荐文章于 2025-03-25 15:44:30 发布 · 312 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#服务器 #运维

本文介绍了如何在Nginx中配置不同端口以支持多环境服务，包括防火墙设置、服务器重启，以及如何在代码中指定端口和数据库。还讨论了在使用Zuul和Feign时，如何根据项目需求调整服务ID和URL的配置。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、Nginx监听不同端口

1、两个环境不同Service端口指定，可参考 中间件：Nginx工作使用记录（反向代理）

2、端口允许访问设置：

     云服务需配置开通入方向规则

   检查服务器防火墙是否开通，并开通端口，参考  Linux(Centos7)操作记录

3、重启Nginx服务 ，参考  Linux(Centos7)操作记录

二、环境代码

后台、前端代码各放置，按一个环境在服务器上建立目录结构，统一放在目录project01下；

cp -rf /u01/project01/* /u01/project02/    #将/u01/project01/下所有拷贝到/u01/project02/下;

数据源分别指定不同数据库；

三、端口设定

在bootstrap中明确指定各服务端口；

根据项目网关使用组件情况，取消serviceId指定，根据url指定，具体还要看项目使用组件及代码情况，取消serviceid指定转发，同一套代码在同一台服务器上，serviceId一致，要不然改serviceId麻烦；

如下使用zuul情况配置文件；

如存在feign，也许指定url，而不是serviceid

将前后端分离项目部署服务器
qq_45806971的博客
03-24 787
将前后端分离项目部署服务器 一.后台项目打包 使用maven的clean先清除缓存。出现buildsucess 使用maven的package打包 可能出现的问题： 1.包的依赖没有成功下载。 分析：我遇到了两个这样的问题1.公司自己开发的jar包没有成功下载。简单粗暴的解决方法是，直接将jar包复制到maven库成功解决。 2.因为公司项目之间依赖较多，有一些不用的模块不用下载，这要对自己的项目结构有着比较透彻的理解。 二.建立远程桌面链接 因为
Java前后端分离项目部署到服务器
weixin_45831807的博客
11-14 5539
Java前后端分离项目部署到服务器 看这篇文章之前，你应当确保你满足以下两点 1.前后端项目在本地可以成功运行 2.本地数据库已经连接到云端数据库，并且允许远程访问，也就是我们所说的远程数据库放行 3.本确保你有一个云服务器，并且配置已经完善 #以上三点不满足的可以先去看我另一篇文章 文章连接 现在开始正式工作 1在linux上安装Nginx 1.1.下载linux版本的Nginx 大概就是这个样子，是linux版本的压缩包 nginx官网下载链接 1.2把Nginx通过Xftp上传到linux指定文件
在一个服务器上进行Apollo多环境配置部署
rockstics的博客
10-20 1405
Apollo（阿波罗）是携程框架部门研发的分布式配置中心，能够集中化管理应用不同环境、不同集群的配置，配置修改后能够实时推送到应用端，并且具备规范的权限、流程治理等特性，适用于微服务配置管理场景。 github开源地址：https://github.com/ctripcorp/apollo 单环境快速部署 Apollo多环境分部式部署Github 地址 分布式部署指南 在一个服务器上进行Apollo多环境配置部署不同于分布式部署中的多个服务器，我们可以采用同一服务器不同端口和不同appId进行环境区分
前后端分离项目部署到服务器
qq_45756124的博客
10-29 796
将vue3项目部署到apache服务器： 设置路径：在vue项目根路径下新建文件vue.config.js 文件名必须完全相同。内容： module.exports = { assetsDir: 'static', parallel: false, publicPath: './', } 配置vue-router: 由history模式变为hash模式，显示的路径多加了个’#‘ 3.修改baseurl (路由路径)，如果自动配置了生产环境和开发环境切换则跳过此步. ..
SpringBoot + Vue 前后端分离项目部署到服务器上
林夕
10-14 1016
然后SpringBoot项目 会生成一个 nohup.out 文件 就意味着后台启动成功了！安装宝塔面板，因为我尝试过用自己的服务器搭建项目，但是最终因为种种原因导致最终项目部署成功了，但是页面非常卡顿。8：将前端Vue 项目 使用：npm run build 指令 打包 ，打包完成后，会有一个dist 文件。3：记录返回结果中的 “面板地址”、“username” 和 “password” 的参数值。4：在本地计算机中，打开浏览器，输入记录的“面板地址”参数值，访问进入宝塔面板页面。
基于vue+element开发的管理系统模板 后台使用springboot 前后端分离部署，快速构建自己的web.zip
10-09
该资源是一个包含前后端分离架构的管理系统的模板项目，用于快速构建基于Web的应用。这个模板主要采用了Vue.js作为前端框架，Element UI作为界面组件库，而后台服务则使用了Spring Boot框架。以下将详细介绍这些技术...
springboot+vue2前后端分离 nginx代理 服务器部署
WOSHIKJ123的博客
11-30 1363
springboot+vue2 前后端分离 nginx代理 服务器部署
基于SpringBoot + Vue的完整前后端分离后台管理系统设计源码
09-29
在当今的软件开发领域，前后端分离已经成为一种流行的趋势，它允许前端和后端的开发人员独立地工作，更有效地利用各自的资源，提高开发效率和系统的可维护性。本文介绍的项目正是这一趋势的一个典型代表，它采用...
阿里云服务器部署Vue+SpringBoot前后端分离项目
ZJX_103的博客
05-11 2426
阿里云服务器部署Vue+SpringBoot前后端分离项目 文章目录阿里云服务器部署Vue+SpringBoot前后端分离项目1、阿里云服务器配置介绍2、部署环境3、常用命令4、部署SpringBoot项目5、部署Vue项目6、总结 1、阿里云服务器配置介绍 CPU&内存：2核4G 操作系统：Ubuntu 18.04 64位 带宽：1Mbps 由于毕设需要，刚好阿里云有这个新用户免费试用两个月的活动，就领了一个云服务器，用来部署web项目再合适不过了。 2、部署环境 ​ 登录阿里
Emos是一个前后端分离的在线办公系统，项目采用 SpringBoot+Uniapp 开发,前端采用微信小程序展示.zip
03-26
Uniapp则是一个开源的前端框架，允许开发者用一套代码同时开发iOS、Android、Web（H5）、微信小程序等多个平台的应用。在Emos项目中，Uniapp被用于前端展示，尤其在微信小程序的开发上，实现了多端一致的用户体验。...
Nginx代理同域名前后端分离项目的完整步骤
01-08
前后端分离项目，前后端共用一个域名。通过域名后的 url 前缀来区别前后端项目。 以 vue + php 项目为例。直接上 server 模块的 nginx 配置。 server { listen 80; #listen [::]:80 default_server ipv6only=on; server_name demo.com; # 配置项目域名 index index.html index.htm index.php; # 1.转给前端处理 location / { # 前端打包后的静态目录 alias /home/wwwroot/default/vue-de
如何将前后端分离的项目部署在服务器上
qq_52463974的博客
09-25 577
然后打开新建的站点，把里面的文件全删掉，再把自己的前端dist里的文件全选拖进去上传。这边宝塔就直接帮我们把配置修改了，这里访问自己的公网就可以访问了。Tomcat,下载这个只是为了java，它里面包含java的。在去添加站点，域名暂时是自己的公网。因为要部署前端我们先下个nigx。如果你想修改配置的话，这里。
前后端分离项目的服务器部署
郁夜的博客
05-24 4916
前后端分离项目如何部署到阿里云服务器运行
SpringBoot前后端分离项目在服务器上的部署过程详解
Young_深情不及里子的博客
12-09 5423
闲暇之余，抽空对前后端分离项目在服务器上的部署过程做个大致梳理.仅作为一个简单学习笔记之用。欢迎大佬提出自己的放发见解。
前后端分离项目如何部署到服务器
最新发布
m0_62780474的博客
03-25 1107
前年部署过到服务器，但是时间太久忘记了，最近因为毕设要求，操作了好久，看网上教程也踩了很多的坑，所以打算自己写一篇笔记，也给同学们一个参考。
前后端分离项目部署到服务器（超详细）
qq_48679153的博客
12-16 7268
购买服务器 点击更多–密码/秘钥–重置实例密码。 之后用xshell连接上。 linux用户名是root 密码是刚才设置的那个。 连接成功后我们回到服务器管理控制台。 点击 更多–网络和安全组–安全组配置–配置规则 添加需要的端口号，这里我添加的是（8090，8080，3306） 准备工作做完之后我们开始来部署项目。 去官网找一个jdk的压缩包，也可以进我的百度网盘提取。 jdk-8u181-linux-x64.tar.gz 链接：https://pan.baidu.com/s/1JUfYX6QkD
前后端分离项目服务器部署
qq_45726327的博客
03-03 1782
本文介绍了前后端分离项目在服务器上的部署流程，包括环境准备、项目部署、配置和测试等步骤。
linux部署前后端分离（微服务）到服务器上，借用nginx
qq_48964916的博客
08-02 744
先记住几个linux命令行 启动：./nginx -p /root/topic/nginx（sbin里） 停止：./nginx -s stop -p /root/topic/nginx 重新加载：./nginx -s reload 查看进程：ps -ef|grep nginx 查看完进程之后，杀死该杀掉的进程： kill -9 28220（28220为进程号） tail -f 不间断看 cat 是查看 1.前端 修改production文件 地址拼接1与index.js里对应，保证路径能够访问后端
服务器部署多个spring boot项目冲突报错
人和代码有一个能跑
08-01 396
Jmx冲突
springboot vue前后端分离，可以两个前端吗
12-31
### 可行性分析 在一个基于 Spring Boot 和 Vue 的前后端分离架构中，确实可以支持多个前端应用程序。这种设计允许不同的前端应用共享同一个后端服务接口，从而提高资源利用率和服务灵活性[^2]。 对于具体实现而言，主要考虑以下几个方面： #### 1. 配置 CORS 政策 为了使两个独立部署的前端能够访问同一套 API 接口，需要配置跨域资源共享(CORS)策略。这通常通过调整 `application.properties` 文件中的设置来完成: ```properties spring.mvc.cors.allowed-origins=http://frontend-one.com,http://frontend-two.com ``` 上述代码片段展示了如何指定哪些域名下的请求被允许跨越源访问服务器资源[^1]。 #### 2. 路由管理 考虑到可能会有不同的 URL 结构对应各自的应用程序入口点，建议采用反向代理的方式处理来自不同子域名或路径前缀的 HTTP 请求。Nginx 是一种常用的解决方案，它可以根据客户端发出的具体 URI 将流量导向相应的静态文件目录或是转发给后台的服务进程。 例如，在 Nginx 中定义如下规则可区分两组前端资产的位置： ```nginx server { listen 80; server_name frontend-one.example.com; location / { root /usr/share/nginx/html/one/; try_files $uri $uri/ /index.html; } } server { listen 80; server_name frontend-two.example.com; location / { root /usr/share/nginx/html/two/; try_files $uri $uri/ /index.html; } } ``` 这段配置说明了如何利用虚拟主机机制为每一套前端分配专属的空间，并确保即使刷新页面也不会触发404错误[^3]。 #### 3. 安全性和认证授权 当涉及到安全性时，应该特别注意防止未授权的操作以及保护敏感信息的安全传输。OAuth2 或 JWT (JSON Web Token) 等协议提供了有效的手段来进行身份验证和权限控制。这些方法不仅适用于单个前端环境，同样也能很好地适应多前端场景的需求[^5]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我也不清楚

有钱的捧个钱场，(～￣▽￣)～

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值