SPA на Laravel и vuejs — как использовать middleware?

Question

[fiter]

Я первый раз пишу spa, и у меня такой вопрос - что во vuejs является аналогом middleware из Laravel?
У меня есть 2 типа пользователей, и у каждого есть доступ к определённым страницам. А у авторизированных пользователей вообще должен быть доступ только к главной.
Есть какие-то компоненты, которые разруливают проблему с доступом к разным страницам? Или как это делается?

Answer 1

[Рамиль]

Для такой задачи не обязательно использовать какую то библиотеку. Можно использовать хуки vue-router и в них прописывать все что угодно, в том числе и доступы.

Comments

[fiter]

А есть какие-нибудь примеры?

[Рамиль]

fiter, вот пример хука:

import store from '../store';
import router from 'router';

export function someHook (to, from, next) {
	store.dispatch('getItems').then(res => {
		return res? next(true) : router.replace({ name: '404' });
	}).catch(err => {
		switch (err.statusCode) {
		case 401:
			router.replace({ name: 'signin' });
			break;
		case 404:
			router.replace({ name: '404' });
			break;
		case 403:
			router.replace({ name: '403' });
			break;
		}
	});
}

А вот часть роутера с применением хука:

{
	path: '/',
	name: 'items',
	beforeEnter: someHook,
	component: Components.Items
}

Но это всего лишь простейший пример. Эту штуку можно настроить под себя как угодно.

Answer 2

[frontendo]

Полагаю, что определение прав на просмотр необходимо реализовывать только на сервере. Vue-app зачем что-то знать об этом? Просто при переходе по ссылке, которая недоступна неавторизированному пользователю надо уведомить о том, что для просмотра данной страницы необходимо залогиниться и подсунуть форму

Comments

[Юрий]

такие ссылки банально мешаются. и такое решение выходит низкокачественным, когда кнопка есть а функция не работает.

[frontendo]

Юрий: тогда списки доступных ссылок нужно отдавать с сервера тоже для каждого пользователя с учетом его прав