PankovAlxndr
@PankovAlxndr
Fullstack web developer

Как исправить ошибку запроса при использовании nuxt/auth?

Здравствуйте, есть приложение на nuxt
(интернет магазин)

Сделал там корзину товаров (vuex), пришло время прикручивать авторизацию и регистрацию
нагуглил такой модуль https://auth.nuxtjs.org/
выбрал схему refresh и по документации настроил nuxt.config

до подключения этого компонента ошибок не было
теперь получаю ошибку на запрос
запрос находится внутри action стора, который отвечает за корзину товаров
async fetch({commit, getters}) {
    const res = await this.$axios.$get(
      '/rest/cart/get/',
      {
        progress: false,
        headers: {'cart-uuid': getters.getUuid}
      })
    commit('setCart', res);
  },

те тут происходит загрузка корзины с товарами и мутация стора
uuid корзины лежит в куках

этот экшен стора вызывается внутри компонента корзины (cart.vue) в методе fetch
те исполняется при первом заходе на страницу именно в сервере js

сама ошибка звучит так
Error in fetch(): TypeError: Cannot read properties of undefined (reading 'Authorization')


не понимаю откуда и почему, причем дальше все начинает работать как надо, только при первом запросе именно с сервера такая проблема, методом тыка убрал из запроса выше установку headers (естественно в ответ отличный от 200 код, тк корзина не найдена) но и ошибки(которая выше) тогда нет

Подскажите пожалуйста, что я не понимаю?
я что-то переопределяю не там где надо, и модуль nuxt/auth ищет заголовок Authorization и пуляет ошибку?
зачем он его ищет? где это указано? почему только при работе с сервера?

вариант сделать компонент корзины cient-only не рассматриваю
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

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