「干货」前后端分离怎么部署?（前后端分离怎么实现 用什么技术）
ccwgpt 2024-10-24 09:22 19 浏览 0 评论
不少粉丝和客户朋友对于前后端分离怎么部署这个问题有很大的探索欲望。我们都知道，现在前后分离已经是发展趋势和潮流了，不少企业和客户都希望前后端分离，这样就能术业有专攻，前后端工程师能分出精力来专注于做好自己的事情，从而提升效率。本文将分享给大家的是前后端分离如何部署的知识，满满的都是干货，希望您能有所收获。
一、前后端分离怎么部署？分享具体步骤
（一）一起部署：
1.先将前端打包成静态文件：npm run build
2.将dist目录下所有的文件拷贝到后端的static中（resource下的static）
3.在后端框架拦截器中将之前拷贝的所有文件都放行
4.注意修改配置文件里面mysql、redis以及其他的url
5.打包后端在项目父路径（idea后面带ROOT）的lifecycle中点击package
6.找到target中的jar并上传到linux（建议放到一个项目专属文件夹中）
7.切换到项目文件夹执行命令 ：nohup java -jar +jar包名称（有几个执行几遍）
8.访问浏览器输入Linux的地址+端口号+index.html
（二）前后端分离部署(使用nginx)
1.先将前端打包成静态文件：npm run build
2.将dist目录拷贝到Linux的文件夹下
3.找到Linux的配置文件
4.将nginx配置文件的指向地址修改为jar包的地址（后端）
5.访问静态资源（第一步拷贝的前端资源）下面修改为项目的文件夹到dist
6.将后端代码打包成jar放入项目目录
7.切换到项目文件夹执行命令 ：nohup java -jar +jar包名称
8.启动nginx: …/sbin/nginx
9.访问浏览器输入Linux的地址+index.html
二、看看IBPS微服务架构前后端分离框架特点
正是由于前后端分离的需求越来越被重视，因此IBPS低代码开发平台服务商顺势而为，探索出另一条全新的前后端分离模式。那么，该平台前后端分离框架的特点究竟是什么？一起来探寻。
（一）前端解决方案特点
采用Webpack的模块打包机制；
基于vue构建用户界面的渐进式框架，采用Vue全家桶（vue-router、vuex、vue-cli、axios）；
基于vue的Element UI组件库和Vux的前端解决方案；
Easy mock 模拟后端数据结构；
同一套代码多端使用，即PC端、移动端可使用同一套前端代码；
控件组件化；
表单静态化，只需生成的代码其他系统可调用。
（二）后端解决方案特点
采用Spring Cloud的微服务，通过服务注册中心Eureka向外提供注册及访问服务；
支持使用客户自己的注册中心（基于Eureka)，公司主动去注册；
稳定的网关服务zuul。提供统一服务调用入口，更精准的对服务进行权限、流量等控制；
同时支持resful接口方式调用公司服务，无需注册中心及网关也可正常使用；
支持集群、分布式服务；
支持多种组件服务，如：消息服务、文件服务、定时任务等基础服务。
经过上文的长篇介绍后，大家知道前后端分离怎么部署了吗？
如果需要体验，可以从这里登录：https://cloud.bpmhome.cn:280/
（部分资料来源于网络，如有侵权，请联系我们删除）
相关推荐
- 详解DNFSB2毒王的各种改动以及大概的加点框架
-
首先附上改动部分，然后逐项分析第一个，毒攻掌握技能意思是力量智力差距超过15%的话差距会被强行缩小到15%，差距不到15%则无效。举例：2000力量，1650智力，2000*0.85=1700，则智力...
- 通篇干货!纵观 PolarDB-X 并行计算框架
-
作者：玄弟七锋PolarDB-X面向HTAP的混合执行器一文详细说明了PolarDB-X执行器设计的初衷，其初衷一直是致力于为PolarDB-X注入并行计算的能力，兼顾TP和AP场景，逐渐...
- 字节新推理模型逆袭DeepSeek，200B参数战胜671B，豆包史诗级加强
-
梦晨发自凹非寺量子位|公众号QbitAI字节最新深度思考模型，在数学、代码等多项推理任务中超过DeepSeek-R1了？而且参数规模更小。同样是MoE架构，字节新模型Seed-Thinkin...
- 阿里智能化研发起飞!RTP-LLM 实现 Cursor AI 1000 token/s 推理技术揭秘
-
作者|赵骁勇阿里巴巴智能引擎事业部审校|刘侃，KittyRTP-LLM是阿里巴巴大模型预测团队开发的高性能LLM推理加速引擎。它在阿里巴巴集团内广泛应用，支撑着淘宝、天猫、高德、饿...
- 多功能高校校园小程序/校园生活娱乐社交管理小程序/校园系统源码
-
校园系统通常是为学校、学生和教职工提供便捷的数字化管理工具。综合性社交大学校园小程序源码:同城校园小程序-大学校园圈子创业分享，校园趣事，同校跑腿交友综合性论坛。小程序系统基于TP6+Uni-app...
- 婚恋交友系统nuiAPP前端解决上传视频模糊的问题
-
婚恋交友系统-打造您的专属婚恋交友平台系统基于TP6+Uni-app框架开发；客户移动端采用uni-app开发，管理后台TH6开发支持微信公众号端、微信小程序端、H5端、PC端多端账号同步，可快速打包...
- 已节省数百万GPU小时!字节再砍MoE训练成本，核心代码全开源
-
COMET团队投稿量子位|公众号QbitAI字节对MoE模型训练成本再砍一刀，成本可节省40%！刚刚，豆包大模型团队在GitHub上开源了叫做COMET的MoE优化技术。COMET已应用于字节...
- 通用电气完成XA102发动机详细设计审查 将为第六代战斗机提供动力
-
2025年2月19日，美国通用电气航空航天公司（隶属于通用电气公司）宣布，已经完成了“下一代自适应推进系统”（NGAP）计划下提供的XA102自适应变循环发动机的详细设计审查阶段。XA102是通用电气...
- tpxm-19双相钢材质（双相钢f60材质）
-
TPXM-19双相钢是一种特殊的钢材，其独特的化学成分、机械性能以及广泛的应用场景使其在各行业中占有独特的地位。以下是对TPXM-19双相钢的详细介绍。**化学成分**TPXM-19双相钢的主要化学成...
- thinkphp6里怎么给layui数据表格输送数据接口
-
layui官网已经下架了，但是产品还是可以使用。今天一个朋友问我怎么给layui数据表格发送数据接口，当然他是学前端的，后端不怎么懂，自学了tp框架问我怎么调用。其实官方文档上就有相应的数据格式，js...
- 完美可用的全媒体广告精准营销服务平台PHP源码
-
今天测试了一套php开发的企业网站展示平台，还是非常不错的，下面来给大家说一下这套系统。1、系统架构这是一套基于ThinkPHP框架开发的HTML5响应式全媒体广告精准营销服务平台PHP源码。现在基于...
- 一对一源码开发，九大方面完善基础架构
-
以往的直播大多数都是一对多进行直播社交，弊端在于不能满足到每个用户的需求，会降低软件的体验感。伴随着用户需求量的增加，一对一直播源码开始出现。一个完整的一对一直播流程即主播发起直播→观看进入房间观看→...
- Int J Biol Macromol .|交联酶聚集体在分级共价有机骨架上的固定化:用于卤代醇不对称合成的高稳定酶纳米反应器
-
大家好，今天推送的文章发表在InternationalJournalofBiologicalMacromolecules上的“Immobilizationofcross-linkeden...
- 【推荐】一款开源免费的 ChatGPT 聊天管理系统，支持PC、H5等多端
-
如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！项目介绍GPTCMS是一款开源且免费（基于GPL-3.0协议开源）的ChatGPT聊天管理系统，它基于先进的GPT...
- 高性能计算(HPC)分布式训练:训练框架、混合精度、计算图优化
-
在深度学习模型愈发庞大的今天，分布式训练、高效计算和资源优化已成为AI开发者的必修课。本文将从数据并行vs模型并行、主流训练框架（如PyTorchDDP、DeepSpeed）、混合精度训练（...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 详解DNFSB2毒王的各种改动以及大概的加点框架
- 通篇干货!纵观 PolarDB-X 并行计算框架
- 字节新推理模型逆袭DeepSeek，200B参数战胜671B，豆包史诗级加强
- 阿里智能化研发起飞!RTP-LLM 实现 Cursor AI 1000 token/s 推理技术揭秘
- 多功能高校校园小程序/校园生活娱乐社交管理小程序/校园系统源码
- 婚恋交友系统nuiAPP前端解决上传视频模糊的问题
- 已节省数百万GPU小时!字节再砍MoE训练成本，核心代码全开源
- 通用电气完成XA102发动机详细设计审查 将为第六代战斗机提供动力
- tpxm-19双相钢材质（双相钢f60材质）
- thinkphp6里怎么给layui数据表格输送数据接口
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (52)
- java框架spring (43)
- grpc框架 (55)
- orm框架有哪些 (43)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)