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中

这种网站：不属于前后端分离的架构