前言
在论坛项目搭建工程中需要进行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…