前后端分离和前后端不分离项目的区别和优劣

技术层面的区别

前后端数据分离：前端调用后台写好的接口来拿数据。前端使用vue或者react创建一个前端的项目，后端创建一个单独的后端项目。前后端定一个数据接口。前端要显示数据的时候，用ajax发送请求向后台拿数据。

前后端数据不分离：前端把页面写好了给后台，后台通过模板来绑定动态数据（用模板嵌套方式绑定数据的方式）。

优缺点

前后端数据分离存在的问题：前端从后端获取的都是异步数据，无法友好地被搜索引擎抓取。不利于搜索引擎优化（SEO）。

因此如果项目是一些不需要做SEO的应用程序，比如某某管理系统或者是一些手机应用，前后端数据分离是适用的。

如果是一个公司的官网或者个人博客，内容需要被搜索引擎抓取，才能更有效的去推广。这种情况是没有必要做前后端分离的。

同时需要的情况

既需要前后端分离，又需要做SEO。vue和react框架都提供了完善的ssr（服务器渲染的解决方案）。这种方案可能需要多耗费一些服务器的资源，系统的复杂度也会提升一点。

参考资料：前后端分离与前后端不分离，有什么区别和优劣？