主题
配置导航守卫
一、router.js
js
vue-cli中怎么用,nuxt中就怎么用,几乎一样。二、nuxtjs
js
2.1 中间件 : middleware
a>全局
1. nuxt.config.js进行配置
router:{
middleware:'auth'
}
2. 新建middleware/auth.js文件
export default ()=>{
console.log( 'middleware' );
}
b>局部
新建middleware/auth.js文件
export default ()=>{
console.log( 'middleware' );
}
<script type="text/javascript">
export default{
middleware:'auth'
}
</script>
或:
<script type="text/javascript">
export default{
middleware(){
}
}
</script>
2.2 插件 : plugins 全局
a> nuxt.config.js进行配置
plugins: [
'~/plugins/router.js'
]
b> 新建plugins/router.js
export default ({app})=>{
app.router.beforeEach((to,from,next)=>{
console.log( to );
next();
})
}