已上线项目,突然有一天网站虽进得去,但是接口拿不到数据,作为前端的你如何排查问题?

在开始写这篇博客之前,想说几句题外话哈,虽然自己的粉丝不多,但自己每篇博客都是用心在写,可能后面会针对部分文章开启只有VIP才能访问,原因你们也懂得(),无非是想赚点外块呗,不过主要现在也是知识付费时代,毕竟自己写出的东西也是本人亲身经历着,也是具有一定的价值,能让你们少走几条弯路。
好了,开始了我们今天的正篇,有一天,老板说最近访问某个项目地址时发现这个页面的东西看不了,这时压力就给到了技术组这边,大家先看这张图:
在这里插入图片描述
看到这个图的时候,你第一会想到怎么排查问题?
好了,先说说我的思路:当我看到这张图的时候,我会先自己打开这个网址,发现这个网址是正常打开的,这时会想到两点:

  1. 会不会是手机版本太低了,导致有些css、js属性无法兼容
  2. 会不会接口请求报错了,问下后端有没有当时接口请求报错的日志

好了,继续,这时知道老板的苹果手机的版本是很新的,所以基本排除属性兼容的问题。这时继续推测,可能是网络的问题导致,因为我看到信号没有满格,正当我们准备打算叫老板换浏览器访问,或者看下手机网络信号之类的问题的时候,这时被我们主管发现了图中另外个问题,大家有没有发现呢?好了,不卖关子了,直接说。
大家有没有发现地址栏了,有个"Not

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/504084.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

试题G(买二赠一)

问题描述】 某商场有 N 件商品,其中第 i 件的价格是 Ai。现在该商场正在进行 “买二 赠一” 的优惠活动,具体规则是: 每购买 2 件商品,假设其中较便宜的价格是 P(如果两件商品价格一样, 则 P 等于其中一件…

Python之Opencv进阶教程(2):统计图片灰度级别的像素数量

1、什么是灰度像素数量 在OpenCV中,可以使用**cv2.calcHist()**函数来计算图像的直方图。直方图是一种图形统计表,用于表示图像中每个灰度级别(或颜色通道)的像素数量或密度分布。以下是一个示例代码,演示了如何使用O…

CTK插件框架学习-插件注册调用(03)

CTK插件框架学习-新建插件(02)https://mp.csdn.net/mp_blog/creation/editor/136923735 一、CTK插件组成 接口类:对外暴露的接口,供其他插件调用实现类:实现接口内的方法激活类:负责将插件注册到CTK框架中 二、接口、插件、服务…

CSS绘制三角形和梯形

以上效果对应的CSS依次如下,从左往右依次看就很直观了。 .border {width: 30px;height: 30px;margin: 10px;background-color: lightblue;&_1 {border: solid 1px #b160e7;}&_2 {border-top: solid 15px lightcoral;border-right: solid 15px lightgoldenr…

互联网、因特网、万维网的区别

互联网 internet:凡是能彼此通信的设备组成的网络就叫互联网,即使只有两台计算机,无论以何种技术使其彼此通信,都叫互联网。所以,根据互联网的覆盖规模可以分为: 局域网(Local Area Network&am…

阿里云服务器经济型e实例特点、适用场景介绍和问题解答

阿里云服务器ECS经济型e系列是阿里云面向个人开发者、学生、小微企业,在中小型网站建设、开发测试、轻量级应用等场景推出的全新入门级云服务器,CPU处理器采用Intel Xeon Platinum架构处理器,支持1:1、1:2、1:4多种处理器内存配比&#xff0c…

腾讯云docker创建容器镜像及仓库

这里为了尽量简单,直接用腾讯云容器版本服务器 腾讯云有自己的镜像加速地址,速度还可以,单纯拉取容器还是够用的 但是当我push容器出现各种各样问题因为网络原因,国内访问docker官方镜像站非常麻烦,所以使用阿里的镜像…

储能系统--充电桩中国市场展望(四)

一、充电桩发展 充电桩产业十余年萌芽成长,迈入高速增长时代。2006-2015年为中国充电桩行业萌芽期,2006年,比亚迪在深圳总 部建立了第一座汽车充电站。2008年,北京市奥运会期间建设了国内第一个集中式充电站,在这个阶…

ctf.show_web

11.ctf.show_web11 解题步骤 密码为空,用 bp 抓包,去掉 session。 $password$_SESSION[password]:输入的password和session的结果一致 后端代码就是拿这个session的value值与我们输入的密码进行匹配, 由于这个value值我没解密出来, 所以这…

Unity中如何实现草的LOD

1)Unity中如何实现草的LOD 2)用Compute Shader处理图像数据后在安卓机上不能正常显示渲染纹理 3)关于进游戏程序集加载的问题 4)预制件编辑模式一直在触发自动保存 这是第379篇UWA技术知识分享的推送,精选了UWA社区的热…

Sakana 与 Jamba

这篇不是什么技术文章,入门没门槛,浅显易懂。 测试完了DBRX,还行吧,但是也没说给我带来多大惊喜,看的出来dataset选的挺好,比如中文语料的识别,也看得出来对推理做了很大的功夫,几乎所有的复杂逻辑全按COT by default呈现,这些是优点,要说缺点,没啥特点,现在说实话…

C语言:文件操作(2)

4.2 fputc的使用 这里写自定义目录标题 fputc的定义: 主要功能:一个字符一个字符的写进文件,将int类型的字符character写进文件流(FILE* stream)中,返回一个整形。如果成功fputc会返回写进文件的字符&…

C++STLmap,set

我最近开了几个专栏,诚信互三! > |||《算法专栏》::刷题教程来自网站《代码随想录》。||| > |||《C专栏》::记录我学习C的经历,看完你一定会有收获。||| > |||《Linux专栏》&#xff1…

52 vue 中 image 资源直接使用 路径 和 使用require 的差异

前言 这也是 最近碰到的一个比较有趣的问题 是在 http 请求较多的场景下触发的情况 一般 我们的 Vue 中使用图片的地方, 一般会使用 require(“$imgPath”) 或者 “/$imgPath” 来配置图片的资源 然后 这个在目标页面 http 请求比较多的情况下, 两者 会有一些 差异, 我们…

嵌入式Qt 布局管理器QBoxLayout

一.存在问题 二.布局管理器 三.布局接口函数的使用 TestBtn1.setText("Test Button 1"); TestBtn1.setSizePolicy(QSizePolicy::Expanding, QSizePolicy::Expanding); TestBtn1.setMinimumSize(160, 30); 使用setSizePolicy,那么 TestBtn1按钮 就会随着…

网页布局案例 浮动

这里主要讲浮动 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><title>Title</title><style>*{padding: 0;margin: 0;}.header{height: 40px;background-color: #333;}.nav{width: 1226px;heig…

计算机网络-TCP/IP 网络模型

TCP/IP网络模型各层的详细描述&#xff1a; 应用层&#xff1a;应用层为应用程序提供数据传输的服务&#xff0c;负责各种不同应用之间的协议。主要协议包括&#xff1a; HTTP&#xff1a;超文本传输协议&#xff0c;用于从web服务器传输超文本到本地浏览器的传送协议。FTP&…

二维数组定义 求和,最值,求平均值 JS

定义二维数组 二维数组的求和&#xff0c;最值&#xff0c;求平均值 Eg1 // 二维数组 const matrix [[1, 2, 3],[4, 5, 6],[7, 8, 9] ];// 初始化求和、最大值和最小值 let sum 0; let max Number.MIN_VALUE; let min Number.MAX_VALUE;// 遍历二维数组 for (let i 0; i…

yolov5+关键点检测实现溺水检测与警报提示(代码+原理)

往期热门博客项目回顾&#xff1a; 计算机视觉项目大集合 改进的yolo目标检测-测距测速 路径规划算法 图像去雨去雾目标检测测距项目 交通标志识别项目 yolo系列-重磅yolov9界面-最新的yolo 姿态识别-3d姿态识别 深度学习小白学习路线 //正文开始&#xff01; 人…

数据库mysql--------------脚本增量备份大全

目录 一、数据库上云迁移的方案&#xff1f; 1.1 方案一&#xff1a;使用脱机冷备份 1.2 方案二&#xff1a; 二、脚本增量备份 三、总结 一、数据库上云迁移的方案&#xff1f; 1.1 方案一&#xff1a;使用脱机冷备份 冷迁移----物理冷备 首先需要关闭数据库服务&#xff…