react js and redux sending a api call before each route

If you are using connected-react-router

It dispatches an action with type '@@router/LOCATION_CHANGE' everytime the route changes.

In your case you need to do some api calls before route changes.

The perfect place for that are redux middlewares.

Here is redux flow,

dispatch action -> store gets the action and passes to middlewares -> middlewares do some stuff and pass on -> reducers get the action and calculate new state

So you will have a middleware which does your api calls and checks what you need. Then you decide to pass the action to the reducer thus change the route, or halt the action and redirect.

You can add redux middlewares for '@@router/LOCATION_CHANGE'

Something like this

import { push } from 'connected-react-router'
const loadingMiddleware = (store) => (next) => (action) => {
  if (action.type === '@@router/LOCATION_CHANGE') {
    // TODO: do api call here
    if (appIsClosed){
      // redirect to error route
      dispatch(push('/error'))
      // halt current action by returning void
      return;
    }
  }
  // pass onto next middleware
  return next(action);
};

export default loadingMiddleware;

Then add this middleware when creating the store.

import { createStore, combineReducers, applyMiddleware } from 'redux'

const todoApp = combineReducers(reducers)
const store = createStore(
  todoApp,
  // applyMiddleware() tells createStore() how to handle middleware
  applyMiddleware(loadingMiddleware)
)