Javascript 每个防护装置后的nuxt vue路由器

Javascript 每个防护装置后的nuxt vue路由器,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,如何设置nuxt中路由更改后执行的afterEach处理程序?中间件可以用作beforeach,但我找不到实现afterEach钩子的方法。您可以创建如下插件: // plugins/after-each.js: export default async ({ app }) => { app.router.afterEach((to, from) => { // Do something }); } 然后在numxt.config.js中引用它: plugins

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

您可以创建如下插件:

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

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

}
然后在
numxt.config.js
中引用它:

plugins: [ { src: '~/plugins/after-each.js', mode: 'client' } ]
注:自Nuxt.js 2.4以来,
模式
已作为
插件
的选项引入,以指定插件类型,可能的值为:
客户端
服务器
<代码>ssr:false将被调整为
模式:“客户端”
并在下一个主要版本中被弃用