Как правильно организовать роутинг Symfony + Vue?

Question

[Александр]

Делаю небольшую админку, что то типа CRM-ки
есть бекенд на Симфони4 и также рестапи подтягивает информацию еще из нескольких мест

на симфони делаю роут для приложения Vue, а потом роутинг работает за счет JS
например
localhost/vue/products/

1. prom
   
2. crm
   
3. some
   

localhost/vue/messages/

1. prom
   
2. crm
   
3. some
   

когда открываю в браузере маршрут симфони, все ок (localhost/vue/products/)
но если пытаюсь открыть маршрут который был настроен в vue (localhost/vue/products/PROM)
естественно, получаю ошибку 404, потому что симфони не знает о таком маршруте ничего
как правильно в таком случае организовать роутинг?

Answer 1

[nvdfxx]

а вы на запрос со стороны фронта по роуту localhost/vue/products/ отдаете информацию для рендера страницы /PROM ?

Comments

[Александр]

да, стоит роутер линк в шаблоне

<router-link
                    :to="{name:'groups_prom'}"
                    tag="button"
                    class="btn btn-info"
                    active-class="btn-danger"
            >
                PROM
            </router-link>

[nvdfxx]

а компонент groups_prom с бэка тянет что-нибудь?

[Александр]

nvdfxx, да, по REST API подтягивает данные

[nvdfxx]

Странно, должно работать, по идее. Вы в компоненте данные получаете как-то так?

export default {
    data() {
        return: {
            main: null
        }
    },
    created() {
        fetch('localhost/vue/products/PROM')
            .then(res => this.main = res)
    }
}

И еще, сам компонент правильно отрисовывается? И как роутер настроен?

Answer 2

[Вадим]

Так сделайте такой маршрут.
https://symfony.com/doc/current/routing.html