1.頁面右擊選擇【檢查】或者打開谷歌開發者模式 2.選擇【NetWork】，重新刷新頁面 3. 選擇XHR 全稱(xmlhttprequest)，后，下面會有地址列表；查看頁面的數據是從頁面渲染的數據還是通過后端api接口獲取的 4.左側點擊第一個鏈接，右側，點擊Preview(預覽模式)，如果顯示頁面的數據，說明頁面渲染的數據通過后端api接口獲取的 5.點擊【All】查看看html源碼，左側點擊訪問的域名(一般是第一個)，右側點擊Response，都是一些html源碼，沒有頁面上的數據。

這里拿仿小米商城和慕課網進行演示

一、前后端分離網站

1. 開發者模式_上路

2. 選擇【NetWork】，重新刷新頁面

3. 頁面數據判斷

選擇XHR 全稱(xmlhttprequest)，后，下面會有地址列表；查看頁面的數據是從頁面渲染的還是通過后端api接口獲取的

4. Preview模式顯真偽

5. 源碼深入

得出結論：
頁面的數據是通過調用后端api接口返回的數據，后端返回的json數據，前端拿到這些數據，渲染到頁面上

這種網站：屬于前后端分離的架構

二、非前后端分離網站

1. 開發者模式_上路

2. 選擇【NetWork】，重新刷新頁面

3. 頁面數據判斷

選擇XHR 全稱(xmlhttprequest)，后，下面會有地址列表；查看頁面的數據是從頁面渲染的還是通過后端api接口獲取的?

4. Preview模式顯真偽

5. 源碼深入

得出結論：
頁面的數據是都寫到了html中

這種網站：不屬于前后端分離的架構

總結

以上是生活随笔為你收集整理的怎样判断一个网站是不是前后端分离的？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。