nuxt.js登录权限处理-我爱编程

nuxt.js登录权限处理

因为 nuxt.js 中的 page 可以添加 middleware 属性，所以可以利用这一属性做拦截处理，如果有layout更好，这样就只需在layout里加即可。

首先安装下 cookie-universal-nuxt 来获取cookie，在 nuxt.config.js 中添加此配置

modules: [
  'cookie-universal-nuxt'
],

然后创建 middleware/auth.js 内容如下：

export default function ({app, redirect, route}) {
  if(!app.$cookies.get('token')) {
    return redirect('/login');
  }
}

最后在 layout/base.vue 中添加即可

{
    middleware: 'auth'
}

免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。