一次应用后台开发的奇怪bug记录

一次应用后台开发的奇怪bug记录

作为一个前端菜鸟,在进行全栈开发的时候总会遇到许许多多的奇怪bug,特此记录一下

1、前端页面卡死

在页面组件A.vue整体开发完成并在本地测试完成之后,并无任何问题出现,便进行docker部署,但很奇怪的是,部署完成之后很快A.vue测出了一个bug:

一进入A页面便会出现页面卡死的情况(反复确定了本地运行没有问题,但是部署之后便出现了问题)

有几种预想的原因:

  1. 后端接收请求无响应,而前端接收响应数据的组件timeout值过大(/现在才意识到停可笑的想法)
  2. 前端有死循环导致服务器崩了__(√)__

之后便是进行问题定位的工作

  • 首先是排除后端问题:

在触发页面卡死的事件时,根据控制台的信息,确定后端可以返回完整的数据,所以排除原因一

  • 定位到前端死循环

把A.vue全部注释便没再出现问题,接着便是一点点打开注释定位死循环的位置,问题解决

那为什么本地运行的时候没有出现问题呢?

本地代码复现死循环,console.log(“test”);

在页面打开的一瞬间,控制台打印了100次log内容

所以猜测是dev的模式做了限制,只会跑100次就停止,而build模式则无限制,因此导致页面死掉


2、Vue3 两个子集导致的bug

问题介绍

其他每个文件都没问题,当打开B.vue页面后,再打开其他页面,整个页面空白

问题定位

因为这个bug是在B.vue添加了一个dialog之后出现的

在这里插入图片描述

所以第一步我先把新加的代码注释了,再运行爆一样的错误,这样就很奇怪了,明明是新增代码的问题,怎么注释掉还是报错

难以置信之后又__把所注释掉的代码删掉__,还是报错

到目前位置新增的就只有第一行注释<!--用户详情-->了,尝试着将其删掉,诶,就不报错了

有可能是vue把注释本身也当成一个自己的一个子集,每次加载第一个子集

(但是我用的是vue3,vue3是可以有多个子集的)

(这个bug我至今也很疑惑,希望能有大佬可以为我解释一下)

3、OSS本地上传快,云服务上传超时

要注意组件的响应timeout,和nginx的timeout

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
开发后台管理系统时,常见的 bug 有以下几种: 1. 数据显示错误:后台管理系统通常需要展示大量数据,可能会出现数据显示不正确的问题,比如数据缺失、数据重复、数据格式错误等。你可以检查数据源和数据处理逻辑,确保数据正确性。 2. 权限问题:后台管理系统一般会涉及到权限管理,不同用户可能有不同的权限。如果用户无法执行某些操作或者能够访问未授权的页面,可能是权限配置有问题。可以检查权限控制代码和数据库中的权限设置。 3. 表单验证问题:后台管理系统中常常包含表单提交操作,如果没有进行合适的表单验证,可能会导致数据错误或者安全问题。确保表单验证逻辑完善,并对用户输入进行合理的检查和过滤。 4. 数据库操作错误:后台管理系统通常需要对数据库进行增删改查操作,如果数据库操作有误,可能会导致数据错误或者无法正常操作。检查数据库操作的语句和逻辑,确保正确性和安全性。 5. 性能问题:后台管理系统可能面对大量的数据和并发请求,如果性能不佳,可能会导致页面加载缓慢或者响应延迟。使用性能分析工具,优化数据库查询、接口调用和前端渲染等环节。 当遇到后台管理系统的 bug 时,可以尝试以下解决方法: 1. 仔细检查代码,特别是涉及数据处理、权限控制和表单验证的部分。 2. 使用调试工具和日志记录,查看代码执行过程中的变量和错误信息。 3. 检查数据库操作,确保正确性和安全性。 4. 分析性能问题,优化关键路径和瓶颈点。 5. 如果遇到复杂问题,可以逐步缩小范围,创建最小可复现示例,以便更好地定位问题所在。 6. 寻求同事或开发者社区的帮助,分享问题并提供相关代码和错误信息。 希望这些信息对你有所帮助!如果你有更具体的问题或者需要进一步的帮助,请告诉我。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值