对比 - web应用模式中，前后端不分离与前后端分离的区别

1 前后端不分离:

描述：

• 在前后端不分离的应用模式中，前端页面看到的效果都是由后端控制的，由后端渲染页面或重定向到其他页面，也就是后端需要控制前端的展示，这会导致前后端的耦合度很高。

适用

• 不分离的模式比较适合纯网页应用。当对接app时，app可能并不需要后端但会一个HTML页面，而仅仅是数据本身，所以后端原本返回网页的接口不在适用于前端app应用，为了对接app，后端还需要再开发一套接口。

优点：

• 节省资源
• 利于SEO优化

缺点：

• 不利于维护
• 用户体验差

2 前后端分离:

描述：

• 在前后端分离的应用模式中，后端仅需返回前端需要的数据即可，不再控制前端显示的效果。至于前端用户看到什么效果，从后端请求的数据如何加载到前端中，都由前端自己决定，网页有网页的处理方式，app有app的处理方式，但无论是哪种前端，所需的数据基本相同，所以后端仅需开发一套逻辑，对外提供数据即可。

• 分离模式的耦合度相对较低（大多数公司会采用前后端分离的方式开发web应用）。

• 在分离模式中，我们通常把后端开发的每个视图都称为一个接口（API），前端通过访问接口来对数据进行增删改查操作。

适用

• 网页应用
• app应用

优点：

• 用户体验好
• 开发效率高

缺点：

• 成本高
• 不利于SEO优化