导航守卫。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"
  }

长风破浪会有时，直挂云帆济沧海