怎样判断一个网站是不是前后端分离的？

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中

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

怎样判断一个网站是不是前后端分离的？相关推荐

从0搭建一个Springboot+vue前后端分离项目(一)安装工具,创建项目
从0搭建一个Springboot+vue前后端分离项目(二)使用idea进行页面搭建+页面搭建参考学习vue官网文档 https://v3.cn.vuejs.org/guide/installati ...
基于nodejs+vue+elementUI的电影交流网站（前后端分离）电影网站
该系统基于nodejs+vue+elementUI整合,mysql数据库,前后端分离,具有完整的业务逻辑. 电影交流网站,在网站首页可以查看首页.电影信息.交流论坛.电影资讯.个人中心.后台管理等内容 ...
网易音乐网站系统|前后端分离springboot+vue实现在线音乐网站
作者主页:编程千纸鹤作者简介:Java.前端.Python开发多年,做过高程,项目经理,架构师主要内容:Java项目开发.毕业设计开发.面试技术整理.最新技术分享收藏点赞不迷路关注作者有好处 ...
超详细！4小时开发一个SpringBoot+vue前后端分离博客项目！！
小Hub领读: 前后端分离的博客项目终于出来啦,真是花了好多心思录制咧.文末直接进入B站看视频哈! 作者:吕一明项目代码:https://github.com/MarkerHub/vueblog 项 ...
后端程序设计课设，基于Java面向对象思想，MySQL数据库，Tomcat服务器实现网上商城网站。前后端分离开发思想，实现前后端信息交互。
文章目录项目展示开发环境使用关键技术项目实现的主要功能项目完成效果项目技术核心介绍 MVC开发模式 Ajax实现前后端通信 MySQL数据库连接(使用连接池) 自动生成验证码程序项目源代 ...
从0搭建一个Springboot+vue前后端分离项目(七)完善前台与后台的联系,完善功能接口
将之前前端写的表格内容,与数据库新建的表进行对应启动项目把写死的TableDa数据删掉.因为最终要从后台读取完善新增接口 <el-button type="primary&quo ...
从0搭建一个Springboot+vue前后端分离项目(四)利用Element框架搭建页面主体部分表格与侧边栏
https://element-plus.gitee.io/zh-CN/component/menu.html 导航栏部分选定menu菜单,选择竖型样式的复制一下 <el-menudefau ...
一个开源vue网站博客，nuxt开源网站，前后端分离项目 1
buluo.cc 开媛笔记,基于nuxt ssr首屏服务器端渲染 .用于分享.记录.交流和学习,希望可以帮助到小伙伴们.同时网站在不断更新,创造属于猿(媛)的世界 -$Bao Yalong - Let ...
搭建一个VUE+Express前后端分离的开发环境
前置条件请确保安装了node.window+R打开cmd,输入 node -v 查看node版本. 建议使用淘宝镜像代替npm,确保安装速度,接下来都会使用cnpm 一.搭建后台Express环境 ...

怎样判断一个网站是不是前后端分离的？

一、前后端分离网站

1. 开发者模式_上路

2. 选择【NetWork】，重新刷新页面

3. 页面数据判断

4. Preview模式显真伪

5. 源码深入

二、非前后端分离网站

1. 开发者模式_上路

2. 选择【NetWork】，重新刷新页面

3. 页面数据判断

4. Preview模式显真伪

5. 源码深入

怎样判断一个网站是不是前后端分离的？相关推荐

最新文章

热门文章