BeforeEach Called twice on entry

[ben-pelletier]

Adding before each to the router, seems like something is causing it to trigger twice on the client side.

the router file can be changed like so in this project to see the issue

export function createRouter () {
  const router = new Router({
    mode: 'history',
    scrollBehavior: () => ({ y: 0 }),
    routes: [
      { path: '/top/:page(\\d+)?', component: createListView('top') },
      { path: '/new/:page(\\d+)?', component: createListView('new') },
      { path: '/show/:page(\\d+)?', component: createListView('show') },
      { path: '/ask/:page(\\d+)?', component: createListView('ask') },
      { path: '/job/:page(\\d+)?', component: createListView('job') },
      { path: '/item/:id(\\d+)', component: ItemView },
      { path: '/user/:id', component: UserView },
      { path: '/', redirect: '/top' }
    ]
  })
  router.beforeEach((to, from, next) => {
    console.log('Before Each')
    next()
  })
  return router
}

[LinusBorg]

Doe this happen when you navigate to routes other than ``/` ?

For / this is expected because of the redirect:

  { path: '/', redirect: '/top' }

[ben-pelletier]

No. it is coming from all entries. it seems like when the createRouter function is called it's executing it.