Перезагрузка страницы заставляет Vuex getter возвращать undefined

Question

Использование Vue.js (Vuetify for FE).

При перезагрузке страницы происходит сбой метода получения в Vuex при извлечении необходимых данных из хранилища.Получатель возвращает неопределенное.Код можно найти на GitHub по адресу: https://github.com/tineich/timmyskittys/tree/master/src

Подробные сведения по этому вопросу см. На сайте timmyskittys.netlify.com/stage1.На этой странице содержится полная информация о проблеме и инструкции по ее просмотру.

Обратите внимание, что в описании проблемы есть упоминание о www.timmyskittys.com.Это основной сайт.timmyskittys.netlify.com - мой тестовый сайт.Таким образом, они одинаковы для всех намерений и целей.Но моя демонстрация этой проблемы находится на сайте Netlify.

Answer 1

Я нашел решение своей проблемы:

Мне пришлось переместить вызов действия, которое вызывает мутацию, которая загружает файл .json (dbdata.json) в computed () в App.vue,Первоначально это было сделано в Stage1.vue.

Спасибо всем за ответы.

Answer 2

Я прочитал полный выпуск на упомянутом вами сайте.Это общий случай.

Скажем, URL-адрес страницы сведений о кошке: www.timmyskittys.com/stage2/:id.

Теперь в Per-Route Guard beforeEnter() вы можете установить cat-id в магазине.Затем из вашего компонента вызовите API, используя cat-id (чтение из геттеров)