Блог

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

Это мое api.js файл, все мои компоненты используют метод apiSecure

 import axios from "axios";
import { ResetTokenAndReattemptRequest } from "domain/auth/AuthService";

const api = axios.create({
    baseURL: process.env.REACT_APP_API_URL,
    headers: {
        "Content-Type": "application/json",
    },
});

export const apiSecure = axios.create({
    baseURL: process.env.REACT_APP_API_URL,
    headers: {
        Authorization: "Bearer "   localStorage.getItem("Token"),
        "Content-Type": "application/json",
    },
});
    
export default api;

apiSecure.interceptors.response.use(
    function (response) {
        return response;
    },
    function (error) {
        const access_token = localStorage.getItem("Token");
        if (error.response.status === 401 amp;amp; access_token) {
            return ResetTokenAndReattemptRequest(error);
        } else {
            console.error(error);
            // Here I would like to call my Snackbar to be shown in any page of my application
        }
        return Promise.reject(error);
    }
);
 

Спасибо вам всем.