whiteList no auth routes does not support Dynamic Route Matching

[tuandm]

whiteList no auth routes does not support Dynamic Route Matching

[Ahmed-Aboud]

here is my router/index.js

    path: '/reset-password/:token',
    component: () => import('@/views/reset-password/index'),
    hidden: true
  },

and here is my permissions.js
const whiteList = ['/login', '/auth-redirect', '/forgot-password', '/reset-password/:token'];
if (whiteList.indexOf(to.matched[0] ? to.matched[0].path : '') !== -1) {

[tuandm]

@Ahmed-Aboud Whitelist is supposed to contain static routes like login or error pages, dynamic routes with params are not supported. You have to modify the condition yourself, for example:

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

Or you can write a method to replace String.prototype.indexOf

[Ahmed-Aboud]

@tuandm i have created a pull request adding support dynamic matching to white list routes

[tuandm]

@Ahmed-Aboud I just tried your code but seems it doesn't work. Can you please add sample whitelist route to your PR so I can test directly?