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了