如何使用react-redux将错误500全局重定向到页面

Question

我正在使用此反应redux starter，我想知道如何将所有api 500错误重定向到页面？

Answer 1

还原启动器默认安装了react-router-redux和redux-thunk。

由于您没有提供任何代码，因此我不确定是否进行了API调用，但是如果您可以将商店注入到您的API包装中，也许您可​​以通过您的redux商店调度路由器操作。

假设你正在使用某种形式的API包装的和的thunk，你可以做这样的事情：

import { push } from 'react-router-redux'; 

function myThunkFunction() { 
    return dispatch => axios.get(...).catch((error) => { 
    /** insert logic to determine 500 error **/ 
    if (500error) { 
     dispatch(push('http://example.com/error/500')); 
    } 
    }); 
}