Как сделать сохранение списка итемов чтоб не перезагружались при каждом переходе обратно в Vue?

Question

[Константин Б.]

Начал писать на Vue, в целом все идет неплохо, но появился один неприятный момент.
У меня есть список допустим продуктов, который я получаю с сервера через axios, при переходе из этого списка на продукт, а затем при нажатии назад, запрос на получение списка опять идет на сервер, в этом-то и вопрос, как можно переиспользовать уже полученный список?

Comments

[Антон Швец]

А если за то время, пока пользователь смотрит переходит по страничкам, список на сервере изменился?

Answer 1

[Lumore]

Используйте Vuex

Answer 2

[eRKa]

Можно закешировать запрос, установив параметр аякс запроса cache=true.
Можно использовать внутреннее хранилище, первый ответ запомнили, последующие отдаете его. Но в этом случае надо сделать кнопочку для списка "обновить".

Answer 3

[Klein Maximus]

Можно, например, закэшировать результаты после первого запроса в LocalStorage, и при последующих подключениях компонента проверять наличие сохраненных данных. Но всё равно, нужен механизм очистки кэша по времени или по действию пользователя.