2

Пытаюсь настроить глобально axios во vue.js и вывод сообщений при ошибке

axios.interceptors.request.use((config) => {
    this.$awn.success("Your custom message"); //Тут работает
    return config;
}, (error) => axios_error(error));

function axios_error(error) {
    console.log('Ошибка запроса axios');
    this.$awn.success("Your custom message"); //Тут НЕ работает
    return Promise.reject(error);
}

Однако получаю ошибку внутри функции axios_error()

Uncaught (in promise) TypeError: Cannot read property '$awn' of undefined

Как решить?

4
  • 1
    this нету в стрелочных функциях, это в общем то единственное их отличие от обычных, кроме синтаксиса 8 ноя 2018 в 18:38
  • @ГончаровАлександр как нету? А что же происходит в строчке с комментарием "//Тут работает"?
    – user176262
    8 ноя 2018 в 19:20
  • @Igor учитывая, что эта функция передаётся как параметр, внутри обработчика axios.interceptors.request.use в неё могли подпихнуть this через call/apply . 8 ноя 2018 в 22:43
  • @ГончаровАлександр Нет, не могли. Она же стрелочная. ("Витя, они ж - сумчатые." "Каникулы строгого режима")
    – user176262
    8 ноя 2018 в 22:59

1 ответ 1

4
  ...
}, (error) => axios_error(error));

-- это вызов функции axios_error в глобальном контексте. Вам нужно:

  ...
}, (error) => axios_error.call(this, error));

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.