nuxtjs中使用路由守卫

Posted JaydenLD@Clara

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了nuxtjs中使用路由守卫相关的知识，希望对你有一定的参考价值。

在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了

以上是关于nuxtjs中使用路由守卫的主要内容，如果未能解决你的问题，请参考以下文章