一、前後端不分離
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLiAzNvwVZ2x2bzNXak9CX90TQNNkRrFlQKBTSvwFbslmZvwFMwQzLcVmepNHdu9mZvwFVywUNMZTY18CX052bm9CX9UkeNFTTE9UNFRVT3V1MMBjVtJWd0ckW65UbM5WOHJWa5kHT20ESjBjUIF2LcRHelR3LcJzLctmch1mclRXY39TO0UDM0ETM3EzMxUDM4EDMy8CX0Vmbu4GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.jpg)
在前後端不分離架構中,所有的靜态資源和業務代碼統一部署在同一台伺服器上。伺服器接收到浏覽器的請求後,進行處理得到資料,然後将資料填充到靜态頁面中,最終傳回給浏覽器。
二、前後端分離
實作前後端分離後,有了下面幾點改變:
- 伺服器一分為二,前後端分别部署,靜态資源放在前端伺服器,業務代碼放在後的伺服器
- 前端伺服器需要接收Http請求(一般使用node.js)
- 前端伺服器需要進行視圖解析(可以使用vue.js、angular.js)
- 前端伺服器需要處理路由(也就是頁面之間的跳轉邏輯)
- 後端伺服器隻需要傳回資料
更多前端知識,歡迎檢視:
https://blog.csdn.net/wjnf012