Как правильно делать SPA приложение на Laravel и Vue Router?

Question

[Эмиль Рахматуллин]

Во всех примерах что я нагуглил и документации показано что-то вроде:

const router = new VueRouter({
  routes: [
    {
      path: '/user/:userId',
      name: 'user',
      component: User
    }
  ]
})

НО! Я же хочу прописывать роуты в web.php (они все там). Получается, мне надо дублировать роуты из web.php во VueRouter ?

Comments

[Эмиль Рахматуллин]

Или я уже не использую web.php, а использую только VueRouter? Это же не норм

[WapSter]

Эмиль Рахматуллин, почему не норм. Как раз это норма, задачи бэка тут только, чтобы принимать xhr запросы с фронта.

[Эмиль Рахматуллин]

WapSter, получается, что я уже практически не работаю c blade шаблонами, а работаю с Vue компонентами?

[Эмиль Рахматуллин]

Sha644, поясните пожалуйста?

[Антон Иванов]

Sha644, избыточный объем у вас будет, когда вы в своем НЕ SPA приложении будете на каждую вьюху навешивать bootstrap, jquery и кучу плагинов к нему. Vue избавит вас от всего этого, а в продакшн режиме вообще будет весить меньше, чем jquery. По поводу двойной работы - перед началом проекта необходимо понимать аудиторию. Да, действительно, сейчас еще сохраняются мифические 0.5% пользователей с браузерами без поддержки JS. Но мы ведь сейчас не о них, правда?

[Антон Иванов]

Sha644, только это не тема поста. Автор спрашивает конкретный вопрос про SPA на Laravel и VUE - а вы ему про непринятие JS мизерным количеством пользователей.

[Алекс Глебов]

Sha644, spa нужен когда код на jquery превращается в лапшу. На нем гораздо удобнее делать интерфейсы, и больше фич можно реализовать. Jquery потом покажется костылем, если попробуешь фреимворки. Пользователи получают более быстрый сайт за счет отсутствия перезагрузки. И приведите пример когда js может быть недоступен.

[Alex Wells]

Sha644, зачем вариант без JS? Это что, для тор браузера что ли? Если сайт не для даркнета, то смысла делать что-либо без JS нет.

Тысячи сайтов спокойно работают на полном SPA без каких-либо "версий без JS", причем это большие комерческие проекты. Ни у кого нет никаких проблем.

Answer 1

[Антон Иванов]

SPA -SINGLE Page Application. Т.е. с точки зрения Laravel - у вас ОДНА страница, на которой вы подключаете Vue.JS, и который сам уже разруливает роутинг приложения. Т.е. правильный вариант - в Laravel один роут (типа только /), а остальное в Vue.

Comments

[Эмиль Рахматуллин]

И, получается, что я уже практически не работаю c blade шаблонами, а работаю с Vue компонентами?

[Way]

Эмиль Рахматуллин, да

[Антон Иванов]

Эмиль Рахматуллин, именно. И очень скоро вы придете к понимаю разделения сущностей. Laravel у вас будет работать чисто как API - отвечать на запросы от Vue. А сам Vue будет отдельной сущностью (проектом, если хотите) и заниматься отрисовкой клиента.

[romaaa32]

Что-то не понимаю, вся валидация проходит в вуе на стороне клиента?

Answer 2

[Владислав]

Обычно в web.php только один роут вида Rote::any