Как глобально перенаправить ошибку 500 на страницу с помощью act-redux

Question

Я использую этот реактивный стартер, я хотел бы знать, как я могу перенаправить все ошибки API 500 на страницу, пожалуйста?

Answer 1

Редукторный стартер имеет react-router-redux а также redux-thunk установлен по умолчанию.

Я не уверен в том, где выполняются вызовы API, поскольку вы не предоставили никакого кода, но если вы можете внедрить хранилище в свою оболочку API, возможно, вы сможете отправить действие маршрутизатора через ваше хранилище с избыточностью.

Предполагая, что вы используете какую-то оболочку API и thunks, вы можете сделать что-то вроде этого:

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'));
    }
  });
}