解决node项目一个极度困难的捕获异常却无法读取异常信息的问题

桃扇骨 2024-02-20 09:14 38阅读 0赞

这个项目是集成了第三方NeteaseCloudMusicApi项目的接口代码，我没有直接使用它的接口，因为需要再跑一个npm run开个端口，感觉很麻烦。

所以下定决心，使用拆分代码的方式，硬生生将这个api项目的部分api接口代码集成到了我自己的项目。**当然前提是必须能看懂它的代码**，然后才能做拆分，否则你根本无从下手

最后终于都搞定了,这个过程很复杂，把它的api代码拆分到了我自己的项目中。

但是有个问题，有时候请求歌曲的时候会报404错误

![17789a9eac0d457fab08f2aacad2a335.png][]

![8d21fcfcd7804c598c9813bc394aabf9.png][]

![cf6f5a781299455b80a90b0680571ada.png][]

但是这个404错误报的明显不正确，因为我已经在代码里打了埋点：

![ac72f7e2c8cc4674bfae835680427285.png][]

![86b5e27053174d4693e987c4ac0e805d.png][]

上面证明：这个接口请求实际已经匹配到路由了，所以绝不应该是404错误！

然后排查代码发现这个第三方api的错误处理代码居然写的是404！

![5baec62179544bcc953ab2e5c165055d.png][]

这就不对了，肯定起码应该是个500，但是这还不够，起码得知道是什么错误，

所以，把它的msg的值写成捕获到的err

![19bacfc059d649b09480acef595819c3.png][]

本以为这样处理就应该能看到具体的异常信息了，但是实际返回结果却还是空对象：

![930ba5fcbfbc4c18af5f11a16d563c4d.png][]

问题变得棘手了，**异常明明捕获到了啊**，**可是为什么打印不出来呢！**

**看来首先得看看这个err的原始信息是什么？ 于是在catch代码块的开头先console.log一下这个err:**

![3cbf64d438a2418e8d73f29f512702f0.png][]

然后这个异常信息被打印出来了：

![7fdcb26e14b34bd2a7314223e58680e4.png][]报错如下：

> get Err==> TypeError: Cannot read property 'sort' of undefined  
> at Object.module.exports \[as module\] (D:\\VueCode\\VueProject\\myqqmusic\\src\\registerRouter\\NetEaseApi\\modules\\song\_url.js:33:10)  
> at processTicksAndRejections (internal/process/task\_queues.js:93:5)  
> at async D:\\VueCode\\VueProject\\myqqmusic\\src\\registerRouter\\NetEaseApi\\routes.js:69:40  
>

但是为什么把err赋值给msg就取不到值呢，然后断点调试看了一下这个error的数据结构：

![fe6ef0abbbdc4306818de05ab4419e68.png][]

然后结合GPT分析了一下，按理说： 通过**err.message和err.stack**应该可以获取到异常的具体信息：

![fcab70e683884889b053e3e7d1249638.png][]

然后确实看到了异常的具体信息了，这回没有报空值\{\}：

![b82f655600d143d48c11d6545414ad11.png][]

![4cef78a51fba4b5c8d10c059fefc1ce0.png][]

好了，**小结一下：Javascript中Error对象必须通过message或者stack属性来获取到具体信息，**

**也就是err.message或者err.stack这种形式，不能把Error对象直接赋值给变量！！！否则变量获取的值就是空对象！**

但是这种报错信息太难看了，应该根据报错指引，找到异常被触发的地方：

根据上面报错信息，找到song\_url.js第33行：

![cf55e6ac371d4280b24245be036140b1.png][]

这个地方说result没有sort属性，**那么result本身极有可能也是个undefined!**

所以非常有必要看看它的父级res到底是个什么东西

然后通过断点调试可以看到res底下果然没有data属性，那么result就必然是个undefined了，

难怪result.sort会触发Cannot read property 'sort' of undefined异常了

![254bd05dedaa461ead8d73d4b119d8c1.png][]

**而且这里可以看到引发异常的真实原因:**

> **//** **这个异常信息是放在res.body里面的**
> 
> \{  
> code: -460,  
> message: "网络太拥挤，请稍候再试！",  
> \}

所以在通过res.body.data获取result之前，要**先判断一下res.body是否有data这个属性**，

或者说**判断res的返回状态是否正常，因为仅仅根据res.body是否有data属性来判断返回是否正常有点太片面了**

**然后，我找了一个请求成功的例子：**

![022a5cc817754705b6f49c9cbb78e1e9.png][]

可以看到请求成功的时候：不仅res.body有data属性，**res.body.code还等于200，**

**所以应该增加以下代码：在res请求失败的时候主动抛出异常，并将res.body作为异常信息：**

> if (res.body.code != 200 ) \{
> 
> throw new Error(res.body) // 因为异常的详情信息是存储在res.body里面
> 
> \}

但是在前面说的外部异常拦截的地方（catch err代码块），得到结果是：msg没能正确解构出异常的信息，显示的是： \[object Object\]

![464be4148cae4e94b1858c019c505e8d.png][]

![617e2507f0e948fd869ea855d6ad1618.png][]

![4f21b0abf64740158c073db333c77482.png][]

关于这个问题，我查了很久也查了很多资料，尝试了很多次，都没有能够解决问题。

可以说：**这是这次问题排查中难度最大的地方**

然后呢，我就尝试着从chatgpt对话，希望能找到答案。

最初按照它给的方法试了好几次，也还是不行。

最后我问了一个关键的神提问：

> 你没懂我意思，比如原始异常的信息是res.body="\{"code":-460,"message":"网络太拥挤，请稍候再试！"\}" ,然后我throw new Error(JSON.stringify(res.body)) 抛出了这个异常，我问catch的时候怎么才能把这json格式的异常信息取出来

**然后chatgpt终于给出了正确的回答：**

> 我明白你的问题了。如果你的异常信息是一个JSON字符串，你可以在`catch`块中使用`JSON.parse`来解析它，以获取原始的JSON对象。以下是一个示例：
> 
>     try {
>       const res = { body: '{"code":-460,"message":"网络太拥挤，请稍候再试！"}' };
>       throw new Error(JSON.stringify(res.body));
>     } catch (error) {
>       try {
>         // 尝试将异常消息解析为JSON
>         const errorData = JSON.parse(error.message);
>         console.log("Error code:", errorData.code);
>         console.log("Error message:", errorData.message);
>       } catch (parseError) {
>         // 处理解析JSON失败的情况
>         console.error("Error parsing JSON:", parseError);
>       }
>     }
> 
> 在这个示例中，我们首先抛出一个异常，异常消息是JSON字符串。然后在`catch`块中，我们尝试使用`JSON.parse`将异常消息解析为JSON对象，并访问其中的属性。如果解析失败，我们捕获到解析错误并进行处理。
> 
> 这样你就可以获取到原始的JSON对象信息了。但要小心处理JSON解析失败的情况，因为异常消息不一定总是有效的JSON字符串。

这里的关键有两点：

1. **自定义异常信息时**： new Error构造函数通常**接收一个字符串**作为错误信息的参数，**而不是一个对象**。

如果是**接收参数是对象**则**必须通过JSON.stringify()方法转换成json字符串**

2. 当已预知捕获的error是**json字符串时，那么此时必须使用JSON.parse()方法把error.message转换成object对象，否则打印出来的就是\[object Object\]**

所以，代码需要这样修改：

**异常主动抛出的部分：**

> if (res.body.code != 200 ) \{
> 
> // 注意这里new Error的参数不能是对象，而必须是字符串！！！
> 
>  // 所以res.body必须通过JSON.stringify转成字符串
> 
> throw new Error(JSON.stringify(res.body))
> 
> \}

**异常捕获的地方：**

> catch (err) \{
> 
> // 因为err.message是JSON字符串，必须通过JSON.parse转换成对象，
> 
> // 否则msg: errData赋值时就会变成： Error: \[object Object\]
> 
> // 这样msg就获取不到值，变成了空值了
> 
> const errData = JSON.parse(err.message) **//关键点 ：必须使用** **JSON.parse方法**
> 
> console.log("Error message:", errData.message);
> 
> console.log("get Err==>", err)
> 
> console.log('\[ERR\]', decode(req.originalUrl), \{
> 
> status: err.status,
> 
> body: err.body,
> 
> \})
> 
> if (!err.body) \{
> 
> res.status(500).send(\{
> 
> code: 500,
> 
> data: null,
> 
> msg: errData,
> 
> \})
> 
> return
> 
> \}

**问题解决：前台msg信息终于正常显示出来了，不再是\[object Object\]**

![78fe74798a844e499df81139784bf2ae.png][]

![775b89c1b7eb4db4847907215f90e939.png][]

**总结：**

**1. Javascript中的Error对象必须通过message或者stack属性来获取到它的具体信息，**

**也就是err.message或者err.stack这种形式。**

**不能把整个Error对象直接赋值给变量！！！否则变量获取的值就是空对象！**

2. **自定义异常信息时**： new Error构造函数通常**接收一个字符串**作为错误信息的参数，**而不是一个对象**。

如果是**接收参数是对象**则**必须通过JSON.stringify()方法把该对象转换成json字符串**

> **// 主动抛出异常的部分**
> 
> **//** 如果是**接收参数是对象**则**必须通过JSON.stringify()方法把该对象转换成json字符串**
> 
> new Error(JSON.stringify(**err\_obj**))

3. 当已预知捕获的error是**json字符串时，那么此时必须使用JSON.parse()方法把error.message转换成object对象，否则打印出来的就是\[object Object\]**

> **// 捕获异常的部分**
> 
> **catch(err) \{** 
> 
> **//** **当已知err是json字符串时，则必须使用JSON.parse()方法把error.message转换成object对象，否则打印出来的就是\[object Object\]**
> 
> errData = JSON.parse(err.message) // 使用JSON.parse方法是**关键**！
> 
> **\}**

[17789a9eac0d457fab08f2aacad2a335.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/0cffabb083dd4326b03ec12e3d06a444.png
[8d21fcfcd7804c598c9813bc394aabf9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/e39177665eae4dc49ff922aef2bc886e.png
[cf6f5a781299455b80a90b0680571ada.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/6cb73a1faa3f4e908d905ec71d59166f.png
[ac72f7e2c8cc4674bfae835680427285.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/c96b665836734f4fb6f4bb7c5a43b74a.png
[86b5e27053174d4693e987c4ac0e805d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/0d600729053649f3b2b7bef0c233c982.png
[5baec62179544bcc953ab2e5c165055d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/59a83a2137a74366878ebd1984f9a2e6.png
[19bacfc059d649b09480acef595819c3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/e2e1928c2627423c9ae32323b3237a14.png
[930ba5fcbfbc4c18af5f11a16d563c4d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/7a16df1a54464a35af0308e6ecad4563.png
[3cbf64d438a2418e8d73f29f512702f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/2d74b8df89b54e1785208c16ba562741.png
[7fdcb26e14b34bd2a7314223e58680e4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4551b5c2cbb644e193324151790d51b9.png
[fe6ef0abbbdc4306818de05ab4419e68.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a1fa8a10e1bc4703bc64edd6690f49fa.png
[fcab70e683884889b053e3e7d1249638.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ef77f674bec54a69b0229587d3969f18.png
[b82f655600d143d48c11d6545414ad11.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/0b7ca5863ea84406802a171583bd3d33.png
[4cef78a51fba4b5c8d10c059fefc1ce0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/a0a6363f30904a68bff52372aa023533.png
[cf55e6ac371d4280b24245be036140b1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/abe33c46810b4354943c3a5b817d0f3e.png
[254bd05dedaa461ead8d73d4b119d8c1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/4665b751135443f6b24b63409eb93c11.png
[022a5cc817754705b6f49c9cbb78e1e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/769f09d10b384fc7af24da84c3bced11.png
[464be4148cae4e94b1858c019c505e8d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/b697c0247d6149f9a99f274a9c021091.png
[617e2507f0e948fd869ea855d6ad1618.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/35141cc8839b41ec80e6106f7d36c6b7.png
[4f21b0abf64740158c073db333c77482.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ec3254bcdfbf41d3a521324fbe4e8765.png
[78fe74798a844e499df81139784bf2ae.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/50bdc6dd69e74b70bb91bdb29571fe74.png
[775b89c1b7eb4db4847907215f90e939.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/20/ea1bed76b3c048738135586073b06d51.png