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

axios request and response intercepters

Bloody Bear answered on March 8, 2022 Popularity 9/10 Helpfulness 4/10

answer axios request and response intercepters

axios request and response intercepters

Comment

import axios, { AxiosResponse } from "axios";
import { useNavigate } from "react-router-dom";

export const axiosInstance = axios.create({
  baseURL: "http://localhost:3001/api",
});

const responseIntercepter = (response: AxiosResponse) => {
  return response;
};
const requestIntercepter = (config) => {
  config.headers.Authorization =
    "Bearer " + localStorage.getItem("accessToken");
  return config;
};

axiosInstance.interceptors.request.use(requestIntercepter);
axiosInstance.interceptors.response.use(responseIntercepter, (err) => {
  const expectedErrors =
    err.response && err.response.status >= 400 && err.response.status < 500;
  if (!expectedErrors) {
    console.log(err, "err");
    return;
  } else {
    if (err.response.status === 401) {
      localStorage.removeItem("accessToken");
      localStorage.removeItem("userId");
      const navigate = useNavigate();
      navigate("/login");
    }
    return Promise.reject(err);
  }
});

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: axios javascript request response

Link to this answer
Share Copy Link

Contributed on Mar 08 2022

Bloody Bear

0 Answers Avg Quality 2/10

axios request and response intercepters

Contents

More Related Answers

axios request and response intercepters

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.