Максимальный стек вызовов превышен при использовании Vue Js Router - PullRequest
Новая
       19

Максимальный стек вызовов превышен при использовании Vue Js Router

0 голосов
/ 25 ноября 2018

У меня, как и у других людей, есть общая проблема, и я пытаюсь следовать их решению, но до сих пор не могу ее решить.Здесь, в моем приложении, мне нужно сначала войти в систему, а затем выбрать корпорацию, прежде чем перейти на главную страницу.У меня нет проблем с логином, моя проблема в выбранной корпорации.Мне нужно прикрепить охрану, которая могла бы помешать им получить доступ к главной странице, если они не выбрали корпорацию.Что я сделал, так это проверил локальное хранилище, если selectCorporation пуст, и тогда я смогу узнать, что они выбрали корпорацию. 

const router = new Router({
    mode: 'history',
    routes: [
    { path: '/', name: 'overview', component: Overview },

        // Authentication
        { path: '/auth/login', name: 'auth.login', component: Login, meta: { requiresVisitor: true }},

        //Select Corporation
        { path: 'select-corporation', name: 'corporations.select', component: CorporationsSelect }

        // Branches
        { path: '/branches', name: 'branches.index', component: BranchesIndex },
        { path: '/branches/create', name: 'branches.create', component: BranchesCreate },
        { path: '/branches/:id', name: 'branches.view', component: BranchesView },
        { path: '/branches/:id/edit', name: 'branches.edit', component: BranchesEdit },

    });

    router.beforeEach((to, from, next) => {

            if (localStorage.getItem('selectedCorporation') === null) {
                next({
                    path: '/select-corporation'
                });
            } else {
                next({
                    path: '/branches'
                });
            }
    });

export default router;

1 Ответ

0 голосов
/ 25 ноября 2018

Убедитесь, что ваш целевой маршрут не select-corporation для прерывания бесконечного цикла перенаправления, также блок "else" вызывает такое же поведение, если корпорация уже выбрана: 

    router.beforeEach((to, from, next) => {
        if (localStorage.getItem('selectedCorporation') === null) {
            // checking to avoid loop
            if (to.name === 'corporations.select') return next();
            next({
                path: '/select-corporation'
            });
        }
        else {
           next();
        }
     });

Если вы хотите перенаправить пользователя наbranches страница после выбора corp, просто сделайте это в CorporationsSelect.

...