Как обработать 401 ошибку используя axios и React?

Вот мой запрос на сервер:
export const getListFeedbacks = offset => (
    axios.get('*****', {
        params: {
            by: 'company',
            data: getIdCompany(),
            sort: 'date',
            desc: 1,
            limit: 21,
            offset: offset,
            fields: 'subject,title,message,create_at'
        },
        headers: {'Authorization': `Bearer ${ getAccessToken() }`}
    })
);


В файле action.js я вызываю эту ф-цию, получаю Promise:
export const getFeedbacks = (offset) => (dispatch) => {
    api.getListFeedbacks(offset).then(response => {
        dispatch({
            type: GET_ALL_FEEDBACKS,
            feedbacksList: response.data.collection
        })
    }).catch(() => {
        dispatch({
            type: HAVE_ERROR,
            message: 'Нам очень жаль, но что-то пошло не так. Попробуйте позже'
        })
    })
};


Пока что я просто вывожу сообщение, но как мне обработать 401 ошибку?
Я уже пробовала в catch выводить конфиг, сообщение ошибки, статусы, коды, нету там ничего подобного
Читала про axios.interceptors, но, скорее всего я просто не понимаю как им пользоваться, я вставляю обработку:
{
    axios.interceptors.response.use(response => {
        return response;
    }, error => {
        if (error.response.status === 401) {
            alert(401);
        }
        return error;
    });
}

Но он ничего не алертит и в консоли ошибки нет по поводу правильная это конструкция или нет
Заранее извиняюсь если сильно туплю
  • Вопрос задан
  • 1399 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы