导航守卫判断个人中心页面是否登录
在上一节中，用户即使没有登录，也是可以访问。如下图所示。
显示这是不允许的。实际开发网站或应用程序时，经常需要对某些页面进行权限控制，只有用户登录后才能访问。例如，这里的个人中心，修改密码，以及后面的支付，订单等很多页面都需要权限验证。
如果每个页面都写一遍验证，那么会非常繁琐，那么是否有一种简单的方式，在url页面中简单配置一个参数，如果这个有这个参数，说明这个页面需要验证，否则就不需要验证呢？
答案是肯定的，在Vue.js中，可以使用导航守卫来实现这个功能。
1. 了解导航守卫
导航守卫是Vue Router提供的一种机制，用于在路由跳转前进行全局的前置验证或操作。通过配置导航守卫，可以对要访问的路由进行判断，如果需要登录才能访问，就进行登录状态的验证，未登录则跳转到登录页面。
Vue Router提供了以下导航守卫：
继续阅读完整内容
以上为免费预览。前往「Django + Vue 全栈课程」，查看后续完整讲解、案例演示和配套资料。
查看课程详情