Как реализовать корзину на связке Laravel и Vue.js?

Question

[Maксим Волков]

При создании корзины интернет магазина на Laravel, ранее использовал пакет darryldecode/laravelshoppingcart – который сохраняет данные о товарах в корзине в сессии.
Однако при использовании front: Vue.js / backend: Laravel и передаче данных по API, товары сохранить в сессию не получается. Несмотря на корректную передачу ID сессии, прочитать данные сессии и передать на фронт не получается.

1. Какие есть подходы к созданию корзины покупок SPA сайтах?
   
2. Подскажите наиболее удобные, хорошо документированные решения для реализации корзины на Vue.js и Laravel?
   

Answer 1

[Сергей delphinpro]

Если вы используете дефолтный входной роут /api для обмена данными, то там нет сессии.
Если нужна сессия, то ее нужно включить соответствующим миддлваром (Как использовать сессию в API).

Корзину можно хранить в БД, даже временную. Или в LocalStorage.

Comments

[Maксим Волков]

Благодарю за исчерпывающий ответ.
Действительно способов решения указанной задачи много.
Наверное, в моем случае наиболее простое решение будет перенести роуты для работы с корзиной из API в WEB, где сессии стартуют по умолчанию, и сохранять состояние корзины товаров в сессии.
Не уверен, что это абсолютно правильное и рациональное решение, но наиболее простое и работающее точно.
Еще раз благодарю!

[Сергей delphinpro]

Maксим Волков, да можно просто добавить миддлвар для группы роутов корзины

Route::middleware(StartSession::class)->group(function(){
  Route::get('/cart/') ...
})