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

Question

我正在使用这个 react redux starter , 我想知道如何将所有 api 500 错误重定向到一个页面？

Answer 1

redux-starter 默认安装了 react-router-redux 和 redux-thunk。

我不确定 API 调用的位置，因为您没有提供任何代码，但如果您可以将商店注入(inject) API 包装器，也许您可​​以通过 redux 商店分派(dispatch)路由器操作。

假设您正在使用某种 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'));
    }
  });
}