前言

在论坛项目搭建工程中需要进行nuxt路由守卫，访问某个需要登录的页面却当未登录时，将页面跳转至登录界面。

配置方法

在nuxt的middleware文件下新建auth.js

export default function ({redirect, store}) {
  if (store.state.username === '' || store.state.username === undefined) {
    return redirect('/login');
  }
}

在login时进行state的存储。

在需要进行鉴权的页面加上middleware

export default {
    middleware: 'auth',
}

即可进行鉴权分析。

实现效果

参考文档

nuxtjs官网：zh.nuxtjs.org/guides/dire…