前后端不分離
在前后端不分離的應用模式中，前端頁面看到的效果都是由后端控制，由后端渲染頁面或重定向，也就是后端需要控制前端的展示，前端與后端的耦合度很高。
這種應用模式比較適合純網頁應用，但是當后端對接App時，App可能並不需要后端返回一個HTML網頁，而僅僅是數據本身，所以后端原本返回網頁的接口不再
適用於前端App應用，為了對接App后端還需再開發一套接口。
請求的數據交互如下圖:
前后端分離
在前后端分離的應用模式中，后端僅返回前端所需的數據，不再渲染HTML頁面，不再控制前端的效果。至於前端用戶看到什么效果，從后端請求的數據如何加載到前端中，都由前端自己決定，網頁有網頁的處理方式，App有App的處理方式，但無論哪種前端，所需的數據基本相同，后端僅需開發一套邏輯對外提供數據即可。
在前后端分離的應用模式中 ，前端與后端的耦合度相對較低。
在前后端分離的應用模式中，我們通常將后端開發的每個視圖都稱為一個接口，或者API，前端通過訪問接口來對數據進行增刪改查。
對應的數據交互如下圖 :
個人的理解，前后端分離與不分離最大的區別有幾點：
分離之后后端不用渲染視圖（比如對ModelAndView進行視圖解析器渲染成真正的視圖）再返回給前端，而是后端僅返回前端所需的數據，不再渲染HTML頁面，不再控制前端的效果。在前后端分離的應用模式中 ，前端與后端的耦合度相對較低。
分離之后web端的后端可以和app共用一套接口或api,不像從前那樣各用一套。
前端擁有自己的服務器
---------------------
轉自：https://blog.csdn.net/weixin_37704921/article/details/84982443