Можно ли использовать vue router на многостраничном(НЕ spa) сайте на laravel?

Question

[testopikachu]

Привет, а можно как то использовать vue router на многостраничном(НЕ spa) сайте на laravel?
Т.е. к примеру на станице /admin/categories, шаблон которой генерирует laravel, я цепляю app.js

//app.js
new Vue({
    router,
    mounted() {
        console.log(this.$route.path) // "/"
    }
});

А в роутере у меня прописан этот маршрут

//router.js
const AdminCategories = () => import('./components/admin/categories.vue')
routes: [
  {path: '/admin/categories', component: AdminCategories},
]

Но роутер не подхватывает мой путь(/admin/categories) и в mounted() console.log возвращает "/" - корень
Соответственно компонент AdminCategories не подгружается

Comments

[Дмитрий Кузнецов]

Скорей всего нет. Будет конфликтовать Laravel и Vue.

Answer 1

[Дархан]

Что-то вы не то делаете. У вас на laravel все запросы должны идти в один файл, в котором рисуется vue.
Затем обычный vue проект с роутингом.
Или можно совместить классику со vue. Обычные страницы blade в которых свои компоненты vue.

Comments

[testopikachu]

Ну с помощью vue router я хочу просто динамически подгружать компоненты
То есть зачем мне на главной странице компонент из админки?
Вот я и пытаюсь используя маршруты загружать некоторые компоненты только на тех страницах, на которых они нужны

const AdminCategories = () => import('./components/admin/categories.vue')
routes: [
  {path: '/admin/categories', component: AdminCategories},
]

[Константин Тимошено]

testopikachu, ну тогда не нужно использовать роутер для того, просто вставляйте теги от vue, там где нужно, как было вам описано ранее. Вот у меня сейчас проект находится, которые не SPA, и я просто использую компоненты необходимые и получаю данные с шаблона blade, хоть это и плохая практика, но рабочая и заказчик так хочет

[Дархан]

Константин Тимошено, ну некоторые так делают,правда входной массив данных надо сразу с контроллера получить. window.data = @json($data)