项目场景：

项目中有一个查看一些数据的页面，点击“查看详情”按钮，可以进入这个页面，查看详情信息。

问题描述

点击“查看详情”按钮，页面一直在加载中，页面没有相关提示。

原因分析：

再次点击“查看详情”发起请求，f12查看接口信息
按f12后，发现接口是正常的，console在报错，所以大概率是前端的问题。

bug的排查和定位：

1.通过浏览器开发者工具，查看接口信息；
如何找到对应的接口？
f12后发现很多数据其中包含一些接口、图片等数据，点击“XHR”可以筛选出接口，然后根据接口名称定位到需要的接口。

2.查看接口信息，请求参数是否正确；
如何找到请求的参数？
①存在url里，？后的就是参数，参数与参数用&相连

②存在请求的body里
对比实际的请求参数与接口文档中约定的请求参数是否一致，一致则前端没有问题，不一致，则是前端的问题。
3.查看响应信息是否正确；
在请求参数正确的情况下，对比实际的响应信息与接口文档中的响应信息是否一致，一致则后端没有问题，不一致，则是后端的问题。
后端的错误，一般会在接口的响应中有相关提示。
可以借助接口的报错信息去定位bug。

4.查看console中是否有报错信息
一般console中的报错信息是前端的错误。
就先写到这里吧。成长在于总结，希望自己越来越棒！To be continue…

2022.4.7网页一直在加载中，无提示相关推荐

微信小程序数据正在加载中的提示和隐藏？？？！！！
//微信小程序请求后台数据的时候显示正在加载方法将下面的写到你的函数里面 wx.showLoading({ title: '数据加载中...', }); ajax请求数据回来之后在 .then(r ...
vs2008调试c#网页时出现“加载配置文件时出错: 未能映射路径'/' 错误 .
win7 64位下vs2008调试c#网页时出现"加载配置文件时出错: 未能映射路径'/' "错误 . 解决办法:右键点击vs2008快捷方式,选择属性,然后选择"兼容 ...
jQuery插件实现网页底部自动加载-类似新浪微博
要实现滚动条滚到底部自动加载后续内容到内容到底部的功能,用jQuery非常方便的,只要知道什么时候滚动到了底部就好办了. $(document).scrollTop() //获取垂直滚动条到顶部的距离 ...
为网站添加”网页加载中”特效
为什么80%的码农都做不了架构师?>>> 在网站打开速度不能秒杀时,为了留住访问者我们可以添加一个"网页加载中的"特效,这样可以让网站更加具有亲和力步骤: ...
网页怎么预先加载模型_修补预先训练的语言模型
网页怎么预先加载模型 Can you fill in the words that I've removed from a recent announcement? 您能填写我从最近的公告中删除的词吗 ...
iframe 标签(用于嵌套网页)及loading加载动画效果
一. 什么是 iframe 1. iframe 是 HTML元素,用于在网页中内嵌另外一个网页. 2. iframe 默认有一个宽高,存在边界. 3. iframe 是一个行内块级元素,可以通过 di ...
移动端网页如何实现加载更多分页
移动端网页如何实现加载更多分页实例代码如下 jq $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); //滚动条距离顶 ...
网页怎么预先加载模型_使用预先训练的模型进行转移学习
网页怎么预先加载模型深度学习 (Deep Learning) 什么是转学? (What is Transfer Learning?) Transfer learning is a research ...
htmlimg图片加载失败_html网页图片未加载完成或失败时显示默认图片
前言一般一个内容多的网站相对会有比较多的图片文件,但是同时加载这些图片文件或加载失败时会出现空白占位,影响美观,通过脚本控制,可以实现加载需求内容图片时,加载未完成或失败的时候显示一张本地默认图片, ...
dwz怎么使用数据加载中提示_百度地图数据采集手把手教，从此POI数据不再是愁...
本文介绍使用八爪鱼采集百度地图数据(以上海-建设银行为例)的方法采集网站:http://map.baidu.com/ 适用版本:八爪鱼7版本,8版本请参照官网新手入门教程制作 8版本新手入门教程:用 ...

2022.4.7网页一直在加载中，无提示

项目场景：

问题描述

原因分析：

bug的排查和定位：

2022.4.7网页一直在加载中，无提示相关推荐

最新文章

热门文章