导航守卫。404页面设置
全局导航守卫:(在router.js中添加)
router.beforeEach((to,from,next)=>{ if(to.name!=='login'){ if(localStorage.getItem('userid')){ next() }else{ next('login') } }else{ next() } })
组件内导航守卫:(在组件内添加)
beforeRouteEnter(to,form,next){
if(localStorage.getItem('userid')){
next()
}else{
alert('请先登录')
next('login')
}
},
404页面设置:(在router.js中设置)
{ //输错路由重定向到登陆页面 path: "*", redirect: "404" }
长风破浪会有时,直挂云帆济沧海