nuxt.js 页面权限判断

期望结果：在用户进入页面的时候进行登陆判断
实现方式：采用判断用户本地是否有token

1、编辑 nuxt.config.js

    modules: [
        'cookie-universal-nuxt',//用来方便获取cookie
    ],

2、在middleware下添加auth.js文件

    export default function ({ app,store, redirect ,req,route}) {
      // 如果用户未经过身份验证
      if(!app.$cookies.get('token')){
        return redirect(`/login?redirect=${encodeURIComponent(route.fullPath)}`)
      }
    }

3、在需要添加登陆的组件上添加 user.vue

    middleware:"auth",//组件内添加

用户进入路由前就会判断登陆