React Boilerplate Redux Saga Hoc

Search Results

No results for 'N/A'
1. Getting Started
2. Basic Concepts
3. Handlers
4. Advanced Concepts
4.0.1 Creating Custom Reducer4.0.2 Modifying api end points reducer constants4.0.3 Don't reset on setting to initial state4.0.4 Cancelling Api Calls4.0.5 Axios Interceptors# Axios Interceptors# Modifying default axios from package4.0.6 Inject saga and reducer to the store4.0.7 Inject saga and reducer to the store by using hooks4.0.8 Util Functions4.0.9 PARAMS4.1.0 Handling Multiple tasks
5. Examples6. Advanced Examples7. ParamsApi ReferenceComplete DocumentationPrevious DocumentationReadme

# Axios Interceptors

import { HOC, commonConstants, store } from "react-boilerplate-redux-saga-hoc";
import axios from "axios";
import promise from "promise";
const request = axios;
request.defaults.withCredentials = true;
request.interceptors.request.use(
  (config) => {
    if (!config.headers.Authorization) {
      const token = localStorage.getItem("token");
      if (token)
        request.defaults.headers.common.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  (error) => promise.reject(error)
);
request.interceptors.response.use(
  (response) => {
    return response;
  },
  (error) => Promise.reject(error)
);
const AuthenticationHOC = HOC({
  initialState: {
    profile: {},
  },
  apiEndPoints: {
    TEST_API: {},
    REGISTER_API: {
      url: `users/user-signup/`,
      method: "POST",
    },
  },
  axiosInterceptors: request,
  constantReducer: ({ type, state, action, constants, initialState }) => {
    if (type === "LOGOUT") return initialState;
    return state;
  },
  name: "Auth",
});
/*
Example:
const { dispatch } = props;
dispatch({ type: 'LOGOUT' });
*/

# Modifying default axios from package

import {
  HOC,
  commonConstants,
  store,
  axios,
} from "react-boilerplate-redux-saga-hoc";
import promise from "promise";
const request = axios;
request.defaults.withCredentials = true;
request.interceptors.request.use(
  (config) => {
    if (!config.headers.Authorization) {
      const token = localStorage.getItem("token");
      if (token)
        request.defaults.headers.common.Authorization = `Bearer ${token}`;
    }
    return config;
  },
  (error) => promise.reject(error)
);
request.interceptors.response.use(
  (response) => {
    return response;
  },
  (error) => Promise.reject(error)
);