首页 > 其他分享 >web前端开发中获取数据失败回调函数弹出提示的重要性

web前端开发中获取数据失败回调函数弹出提示的重要性

时间:2022-11-07 18:01:04浏览次数:58  
标签:web 函数 错误 接口 alert 获取数据 失败 沙箱 前端开发


前几天下班后跟踪一个系统的投产,测试环境和准生产环境都上了,确定没有问题,但是投产后,系统老是不请求数据渲染页面。
先是排查后端那边部署的文件是否齐全,打印日志发现后端的接口根本没调。但是前端这边的代码也并没有更改过,按道理说,应该是没有问题的。
因为是移动端的项目,又对接了沙箱,前端的错误提示没有办法通过控制台打印输出。后端接口没有调用,日志也打印不出,前前后后搞了三个多小时,硬是没有发现问题出在哪里。
确定后端那边应该是没什么问题,所以考虑用alert()方法,直接将消息弹出,看前端代码执行到哪一步。顺便也将errorcallback函数中的console.log()方法换成了alert()方法方便在手机端弹出。结果发现沙箱的接口调用了,但是调用失败,沙箱方并没有给我们反馈数据,执行了errorcallback函数。反馈给沙箱方后,究其原因,原来是应用上架的时候包名配置错误。
一个小小的问题,硬是搞得我加班到十点才回家。通过这一事件,我收获了一个经验教训,就是失败的回调函数在系统正常运转的时候不会执行,但是在失败错误函数中,给出错误信息是尤为重要的,因为一旦发生错误,给出的错误信息将帮助我们迅速定位无措原因。
小结:手机端调试可以在失败回调函数中,用alert()方法,弹出错误提示!


标签:web,函数,错误,接口,alert,获取数据,失败,沙箱,前端开发
From: https://blog.51cto.com/u_15867142/5830358

相关文章

  • web前端编码规范/编码习惯❤️
    web前端编码规范/编码习惯​​一、CSS文件命名规范​​​​二、页面结构命名​​​​三、导航命名​​​​四、功能命名​​​​五、CSS书写规范-性能优化方案​​​​六、H......
  • 【前端开发】如何将vue组件转成自定义指令使用,(在自定义指令中使用element ui组件或常
    //导入组件importVuefrom'vue'importXxTipsfrom'packages/basic/xx-tips/src/XxTips.vue'//自定义指令Vue.directive('tip',{bind(el,binding){el.......
  • Webpack中的高级特性
    自从webpack4以后,官方帮我们集成了很多特性,比如在生产模式下代码压缩自动开启等,这篇文章我们一起来探讨一下webpack给我们提供的高级特性助力开发。探索webpack的高级特性......
  • 使用Web Component自定义组件
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="widt......
  • web1.0 web2.0 web3.0
    一 Web1.0的主要特点在于用户通过浏览器获取信息,例如:京东163新闻模块二Web2.0则更注重用户的交互作用,用户既是网站内容的消费者(浏览者),也是......
  • Web前端技术简介
    Web前端就是1美工photoshop、css2界面友好(比如京东=,你购物以后的关联产品是放在左边还是右边呢?)3强大的脚本功能支持(QQ空间,上传照片,重新部署......
  • 什么是webos
    基于浏览器的页面操作系统,操作系统都是运行在服务器上,比如web.qq.com就是典型的webos,优点:你在任何一台电脑上打开你的webos都是一样的,就像登录远......
  • WebRTC-web实时通讯(转)
    WebRTC(WebReal-Time-Communication)不需要插件便能支持音频和视频通信。主页:http://www.webrtc.org胖客户端,其实瘦客户端尽管有很多的优点,但......
  • 项目运行npm run dev报错npm ERR! [email protected] dev: `webpack-dev-server --inline --
    目录一、问题描述二、问题原因三、解决方法1.查看vue版本是2.9.62.卸载3.安装4.安装5.正常启动。一、问题描述vue项目运行dev,之前没有问题,但是今天直接报错如下npmER......
  • 用Rust实现一个多线程的web server
    在本文之前,我们用Rust实现一个单线程的webserver的例子,但是单线程的webserver不够高效,所以本篇文章就来实现一个多线程的例子。单线程webserver存在的问题请求只能串行处......