如何处理 react-redux 应用程序上的 API 网关错误处理？答案

【问题标题】：How to handle API gateway error handling on react-redux application?如何处理 react-redux 应用程序上的 API 网关错误处理？
【发布时间】：2023-03-04 15:48:01
【问题描述】：

背景： 通常我们都从 API 调用中获取数据。但有时 API 不返回数据并抛出类似 404、500 ....的错误。

我们如何以及在哪里处理这些错误以通知用户出现问题？

我们可以在 Reducers 中处理它吗？或者我们需要引入一个会捕获错误的中间件吗？

提前致谢。

【问题讨论】：

请参观stackoverflow。看看Help Center 还有如何Ask a good question
在没有任何其他上下文的情况下，像在调度操作之前检查状态和使用减速器来判断成功/失败这样简单的事情现在可能就足够了。你有没有尝试过这样的事情？ fetch('/some/resource').then(res => { if (res.status === 500) { dispatch({type: 500_ERROR) } else { dispatch({type:UPDATE_DATA, data}) } })

标签： reactjs react-redux middleware redux-thunk

【解决方案1】：

在中间件中获取 API。如果得到错误，则派发错误操作。

next({
    type: 'ERROR_HANDLER',
    error
})

【讨论】：

如何在中间件中获取它？