login shows redirect error in console

[nikulvnnovate]

System logs in successfully but it shows below error in console. anyone has idea how to solve this.
thanks

Uncaught (in promise) Error: Redirected when going from "/login" to "/dashboard" via a navigation guard.
at createRouterError (vue-router.esm.js?8c4f:2065)
at createNavigationRedirectedError (vue-router.esm.js?8c4f:2024)
at eval (vue-router.esm.js?8c4f:2371)
at _callee$ (permission.js?1827:88)
at tryCatch (runtime.js?98b8:63)
at Generator.invoke [as _invoke] (runtime.js?98b8:293)
at Generator.eval [as next] (runtime.js?98b8:118)
at asyncGeneratorStep (asyncToGenerator.js?c973:3)
at _next (asyncToGenerator.js?c973:25)

[tuandm]

@nikolaynizruhin have you made any modification on source code, especially permission.js ?

[nikolaynizruhin]

@tuandm You probably meant @nikulvnnovate

[nikulvnnovate]

Yes, I did changes in permission.js
I have added forgot-password and reset-password route in whitelist

[tuandm]

@nikulvnnovate Can you please post your code here so everyone can check it? Since you made some changes, the new code may not work as expected.

[tuandm]

@nikolaynizruhin Sorry, I was careless.

[nikulvnnovate]

this is my code for permission.js

import router from './router';
import store from './store';
import { Message } from 'element-ui';
import NProgress from 'nprogress'; // progress bar
import 'nprogress/nprogress.css'; // progress bar style
import { isLogged } from '@/utils/auth';
import getPageTitle from '@/utils/get-page-title';

NProgress.configure({ showSpinner: false }); // NProgress Configuration

const whiteList = ['/login', '/forgot-password', '/password/reset/:token', '/auth-redirect']; // no redirect whitelist

router.beforeEach(async(to, from, next) => {
// start progress bar
NProgress.start();
// set page title
document.title = getPageTitle(to.meta.title);

// determine whether the user has logged in
const isUserLogged = isLogged();

if (isUserLogged) {
if (to.path === '/login' || to.path === '/forgot-password' || to.path === '/password/reset/:token') {
// if is logged in, redirect to the home page
next({ path: '/' });
NProgress.done();
} else {
// determine whether the user has obtained his permission roles through getInfo
const hasRoles = store.getters.roles && store.getters.roles.length > 0;
if (hasRoles) {
next();
} else {
try {
// get user info
// note: roles must be a object array! such as: ['admin'] or ,['manager','editor']
const { roles, permissions } = await store.dispatch('user/getInfo');

      // generate accessible routes map based on roles
      const accessRoutes = await store.dispatch('permission/generateRoutes', { roles, permissions });

      accessRoutes.forEach(element => router.addRoute(element));

      next({ ...to, replace: true });
    } catch (error) {
      // remove token and go to login page to re-login
      await store.dispatch('user/resetToken');
      Message.error(error.message || 'Has Error');
      next(`/login`);
      NProgress.done();
    }
  }
}

} else {
/* has no token*/

if (whiteList.indexOf(to.matched[0] ? to.matched[0].path : '') !== -1) {
  // in the free login whitelist, go directly
  next();
} else {
  // other pages that do not have permission to access are redirected to the login page.
  next(`/login`);
  NProgress.done();
}

}
});

router.afterEach(() => {
// finish progress bar
NProgress.done();
});

I have fixed this issue by redirecting user with router-link after login but is this proper solution?
thanks