企业级分布式后台管理系统架构设计

Posted 振洋702

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了企业级分布式后台管理系统架构设计相关的知识,希望对你有一定的参考价值。

首先介绍一下背景:

本次是为企业设计一个应用平台,前端使用vue实现,包含多个前端系统,包含单点登录。后台是基于spring cloud的微服务架构。数据库使用mysql。使用nginx作为前端入口。

首先从前端开始说起:

把系统拆分成多个前端应的目的,主要是因为客户的业务系统较多,且各个业务模块之间,功能相对独立。因此,为了方便开发和后期维护,把前端拆分成了多个系统。另外一个方面,作为一款产品,系统可以按不同模块组合的方式,适应多中不同行业的应用场景。

废话好多啊~~赶紧上干货:

首先需要给每个vue前端项目设置一个前缀,也就是统一路由。

路由配置代码:

export default new Router(
  mode: "history", // 去掉url中的#
  scrollBehavior: () => ( y: 0 ),
  routes: constantRoutes,
  base: "/myApp"
);

有了这个配置还不够,需要配置vue打包的路径:

在vue.config.js里加上:

publicPath: process.env.NODE_ENV === "production" ? "/myApp/" : ""

这样vue就可以直接打包了。

下面是nginx的配置:

location /myApp/
            root   html/;
            index  index.html index.htm;
           try_files $uri $uri/ /myApp/index.html;

这样就可以把多个vue项目在一个nginx上部署起来了。

后台部分未完待续。。。

以上是关于企业级分布式后台管理系统架构设计的主要内容,如果未能解决你的问题,请参考以下文章

分布式微服务企业快速架构—SpringCloud分布式微服务云架构&设计思想

微服务开发中的数据架构设计

分布式微服务企业快速架构—设计思想之SpringCloud分布式微服务云架构快速开发平台

从标准到实践,权威解读微服务架构设计

阿里P9:做了 6 年架构设计,这次聊聊微服务与分布式事务细节

创业必备企业架构,可开发任意项目SpringCloud大型企业分布式微服务云架构