nuxtjs中使用路由守卫

Posted 2021-01-21 JaydenLD@Clara

在vue中的路由守卫一般是来验证token失效什么的,当然也可以设置权限啦,在nuxtjs中如何使用路由守卫呢,话不多说,直接上代码

在plugins目录下简历route.js

export default ({ app }) => {
    app.router.afterEach((to, from) => {
      console.log(to.path)
    })
  }

然后在 nuxt.config.js中添加配置plugins即可

 plugins: [
    ‘@/plugins/element-ui‘,
    ‘~/plugins/route‘
  ],

就这两步就over了