快速定位问题——后端数据错误时前端明眼提示?

问题背景:定位一个问题时,找来找去,才发现是后端没有给到应有的数据所致;

目标:针对这种情况,作为前端应该在代码层面控制好到一眼就能发现问题点;

代码示例描述:

const datas = {
    typeId:[***]
}

const fn = () => {
    //一些逻辑处理,拿到后端返回的某个typeId
    const typeId = '****';
    
    //用该typeId去存储的datas数据里那对应数据
    const data = datas[typeId]
    
    //才发现是typeId是空的,导致页面某部分区域是空了。
}

针对上述问题,因为关键ID拿不到,导致前端区域空白。但是真实业务逻辑里,真的会有typeId存在时,拿到的data经过处理后还是空的场景。

所以排查时,会先去检查配置都对否,最后去断点代码一点点往回找才知道这样的问题。

对于这个,前端如何提示比较好,能一样就找到问题点,就算是后端调试页面也可以发现。就免去前端没必要的排查工作。

目前想到的方法

//在关键处,console.error
if (!typeId) return console.error('typeId不存在');

//或者下面,但它会让这个页面挂掉了,错误倒是很明显
throw new Error('typeId不存在')

你们,在前端开发中,针对这类问题有没有更好方案呢?

待解决 悬赏分:50 - 离问题结束还有
反对 0举报 0 收藏 0

我来回答

回答2