[置顶] 前后端分离项目的技术与框架通用方案

      摘要：本文是关于前后端分离项目的技术与框架选型通用方案，是一个比较成熟的方案。目前大部分公司也是采用这个体系。

一、系统架构

    整个系统会由三部分组成，如下

二、细节

1、前端

前端这里是一个纯前端的项目，使用webpack打包后就只有一些js/css等静态文件。
开发语言与框架
vue+webpakc+axios
部署方式
静态js/css/html文件直接部署到ngnix所在机器的一个目录，然后ngnix设置映射到该目录
技术难点
跨域带cookies,跨域cookies共享
解决方法
前台使用fetch/axios请求ajax都可以设置允许跨域带cookies,同时中台也要设置可以跨域。针对cookie共享的问题，可以将cookie写到根域名之下。

2、中台

中台是一个war包项目，直接放到tomcat下面就行
开发语言
java+springMvc+Spring+Dubbo+Tomcat
部署方式
将工程打包成war包，部署到tomcat之上，注意这里的war包是没有页面的，它只是为上面1中的前端工程提供ajax请求的地址
技术难点
方案比较成熟，无技术难点

3、后台

后台是一个纯后台项目，用java语言
开发语言
Java+Spring+Mybatis+Dubbo
部署方式
打一个配置分离的包，包含lib、conf、bin三个目录。使用dubbo启动脚本来启动为中台提供服务（参考笔者的这个文章：Dubbo应用启动与停止脚本,超详细解析）
技术难点
方案比较成熟，无技术难点

三、思考

     其实，中台的项目可以不用，只不过后台的java接口要找到一个能直接http请求的方案。