22、什么是中间件和权限拦截中间件实操

新建中间件

middleware\auth.js

// 定义权限判断中间件，中间件的第一个参数是context
export default ({store, redirect}) => {console.log("中间件被调用")// if (!store || !store.state.userinfo) {//     redirect("/")// }
}

页面使用中间件

pages\users\index.vue

<template><div>用户首页</div>
</template><script>
export default {middleware: "auth"
};
</script><style lang="scss" scoped></style>

布局使用中间件

layouts\blog\index.vue

<template><div><div>测试标题</div><nuxt></nuxt></div>
</template>><script>
export default {middleware: "auth"
}
</script><style></style>

全局使用中间件

nuxt.config.js

export default {router: {middleware: "auth"}
}