如何看出一个网站是否是前后端分离的?

本文介绍了一种实用方法,用于判断网站是否采用前后端分离架构。通过检查网站数据的渲染方式,利用浏览器开发者工具,观察数据请求来源,帮助读者理解前后端分离的基本原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

主要就是看这个网站的数据是通过前端渲染的,还是后端渲染后生成的

  1. 页面右击选择【检查】或者打开谷歌开发者模式F12
  2. 选择【NetWork】,重新刷新页面
  3. 选择XHR 全称(xmlhttprequest),后,下面会有地址列表;查看页面的数据是从页面渲染的数据还是通过后端api接口获取的
  4. 随便点击一个链接查看请求数据,右侧,点击Preview(预览模式),如果显示页面的数据,说明页面渲染的数据通过后端api接口获取的
  5. 点击【All】查看看html源码,左侧点击访问的域名(一般是第一个),右侧点击Response,都是一些html源码,没有页面上的数据。

打开网站,按F12,然后点击Network,然后再点XHR
在这里插入图片描述
然后在name栏中随便点击一个
在这里插入图片描述
如果有这样的json数据,说明就是前后端分离的
如果不是这种json数据,而是整个html代码,就不是前后端分离架构

其实上述的方法并不准确,只能看出某网页是否是接口返回的数据再由前端渲染的直接返回页面也有可能是直接加载的页面模板
但是,JSP那种直接生成页面的,肯定不会有这种JSON数据的,如果担心判断不准确,可多进几个页面多看看
两个都有的,一般可以认为是前后端分离的(返回整个html是可以通过模板生成存到mongodb,甚至是数据库里面的)

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值