Как ограничить доступ к роутам vue из сервера (middleware)?

Question

[ascold2013]

Здравствуйте!
Такой вопрос - как ограничить к некоторым роутам доступ пользователя, наподобие как это делается в express? У нас например есть страница, к которой можно перейти только если сервер нам разрешит (т.е при попытке перехода - посылаем запрос, если сервер ответит "да" - то переходим.
У меня роуты описаны так:

const routes = [
    { path: '/', component: require('../components/mainPage') },
    { path: '/edms', component: require('../components/mainPage') },
    { path: '/edms/addNew', component: require('../components/addNewDocPage') },
    { path: '/edms/404', component: require('../components/404') },
    { path: '/edms/admin', component: require('../components/admin') },
    { path: '/edms/superAdmin', component: require('../components/superAdmin') },
    { path: '/edms/:id', component: require('../components/detailsPage') },
    { path: '*', component: require('../components/404') },
];
export default routes;

И нужно сделать две разные проверки - при попытке перехода на /edms/admin' - делаем 1 запрос на сервер, при переходе на /edms/superAdmin - другую.
Можно ли это сделать?

Answer 1

[Artem0071]

вот
делаете beforeeach
если route == admin, то делаете запрос на сервер для разрешения