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

Есть сделанная в 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...
  • Вопрос задан
  • 1134 просмотра
Пригласить эксперта
Ответы на вопрос 2
boratsagdiev
@boratsagdiev
Совмещать можно. Вам нужен этот модуль 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...
Ответ написан
Комментировать
@numfin
route.query. читайте доки пжлст
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы