nuxt vue router afterEach 守卫

Question

如何设置在 nuxt 中路由更改后执行的 afterEach 处理程序？中间件可以用作 beforeEach，但我找不到实现 afterEach 挂钩的方法。

Answer 1

您可以创建如下插件：

// plugins/after-each.js:
export default async ({ app }) => {

  app.router.afterEach((to, from) => {
    // Do something
  });

}

然后在nuxt.config.js中引用它：

plugins: [ { src: '~/plugins/after-each.js', mode: 'client' } ]

注意：从Nuxt.js 2.4开始，mode作为plugins的选项被引入来指定插件类型，可能的值是：client或 server。 ssr: false 将适应 mode: 'client' 并在下一个主要版本中弃用。

nuxt vue router afterEach guard