Breaking News: Grepper is joining You.com. Read the official announcement!

interceptor in react

Nutty Nightingale answered on June 14, 2023 Popularity 9/10 Helpfulness 2/10

answer interceptor in react

interceptor in react

Comment

import axios from "axios";
import { API_URL } from "../config/config";


const axiosHttp = axios.create({
  baseURL: `${API_URL}`,
});

axiosHttp.interceptors.request.use(
  (config) => {
    const token =  "Your Token here"
    return {
      ...config,
      headers: {
        ...(token !== null && { Authorization: `${token}` }),
        ...config.headers,
      },
    };
  },
  (error) => {
    return Promise.reject(error);
  }
);

axiosHttp.interceptors.response.use(
  (response) => {
    //const url = response.config.url;

    //setLocalStorageToken(token);
    return response;
  },
  (error) => {
    if (error.response.status === 401) {
      //(`unauthorized :)`);
      //localStorage.removeItem("persist:root");
      //removeLocalStorageToken
      //window.location.href = "/login";
    }
    return Promise.reject(error);
  }
);

export default axiosHttp;

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: interceptor javascript

Link to this answer
Share Copy Link