Здравствуйте, есть приложение на 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 не рассматриваю
Средний
