在前端项目中怎么使用?
来源:4-15 全局异常—搭建 Aop 全局通用异常

mike0326
2022-11-27
在前端项目中也会频繁使用 async 和 await 做 http 请求,平时也是用 try catch 捕获,如果想像这节课这样,应该怎么处理?您能给个思路吗?
写回答
1回答
-
keviny79
2022-11-29
首先要想像本节课一样,建立通用方法,是有条件的,必须是通用代码,不能是具体业务代码,因为业务代码都不相同,但通用代码基本相同。
对于前端的 try...catch 属于通用代码,但要想实现成全局共用代码也分3中情况:第一种是访问后端抛出的异常,这一类会经过后后端的全局异常返回给前端, 这一类try...catch 异常可以在 axios 通用类中写一次就可以了,也就是 try...catch 共用代码了【后面章节有讲到】,第2种情况是访问地址有误或其他某种原因导致的网络异常,这一类会在 axios 通用类中返回【后面章节有讲到】,也是 try...catch 共同代码,写一次就ok。
第3类异常是前端代码自身的异常,这一类异常重要性相对前面两种要低一些,不过要想写成通用代码,可以使用 TS 装饰器来解决, 将通用代码放到装饰器中,然后引入业务代码中,不过当业务复杂时,写起来会很麻烦一些,因为要需要装饰器来执行业务代码,在装饰器的前后写异常。
00
相似问题