Как правильно настроить роутинг(Express, vue)?

Question

[Евгений Трофимов]

Есть сделанная в vue таблица(на основе таблицы из vue-bootstrap), которую можно по всякому сортировать, есть пагинация и поиск. В data что-то типа

filter: null,
sortBy: null,
sortDesc: false,
selectedPosition: '',
selectedType: '',
selectedRarity: '',
selectedGroup: '',

Хочу, чтобы параметры можно было задавать в GET, ну т.е. при

?page=2&position=event&sortBy=name&sortDesc=true&search=abs

таблица сразу рендерилась с параметрами. Совсем идеально - если так -

/page/2?position=event&sortBy=name&sortDesc=true&search=abs

.

Как это лучше сделать? Где отлавливать параметры? Через req.query в Express ? Или через this.$route.query в vue. Как мне изменять ссылку с параметрами при выборе другой опции в select ? Можно вообще совмещать express и vue ? Потому что когда делаю что-то такое:

const router = new VueRouter({
	mode: 'history',
    routes: [
        { path: '/page/:id', components:table, props: true}
    ]
});

express начинает ругаться на cannot GET...

Answer 1

[Alexander]

Совмещать можно. Вам нужен этот модуль https://www.npmjs.com/package/express-history-api-... настроить с помощью него fallback с /page/:id на index.html (через который работает vue).

То же самое можно сделать через веб-сервер (nginx, apache), но раз у вас уже express, сделайте через него. Подробнее тут:

https://router.vuejs.org/ru/essentials/history-mod...

Answer 2

[numfin]

route.query. читайте доки пжлст