【九月打卡】第10天 Vue3 + TS 仿知乎专栏企业级项目

课程名称：2022全面升级. Vue3 + TS 仿知乎专栏企业级项目

课程章节： 6-14 Vue router 添加路由守卫 - 前置守卫

主讲老师：张轩

课程内容：

添加路由守卫来保证未登录的状态下的一些页面权限

课程收获：

一般情况下我们登录某个网站想新创建一篇文章，是可以正常操作的，那么在未登录的情况下我们点击创建文章的话它都会跳转到登录页面让我们去登录，这就是所说的路由守卫。

路由守卫一般分为一下几种

* 全局守卫

1.全局前置守卫 router.beforeEach((to,from,next)=>{}) 2.回调函数中的参数，to：进入到哪个路由去，from：从哪个路由离开，

next：函数，决定是否展示你要看到的路由页面。

2.全局后置守卫router.afterEach((to,from)=>{}) 只有两个参数，to：进入到哪个路由去，from：从哪个路由离。 如下，每次切换路由时，都会弹出alert，点击确定后，展示当前页面。

3.路由独享守卫 beforeEnter:(to,from,next)=>{}，用法与全局守卫一致。只是，将其写进其中一个路由对象中，只在这个路由下起作用。 直接写在路由表里面。

一般情况下我们都是用的路由前置守卫，保护页面不会在未登录的情况下跳转

今天学习课程共用了35分钟，。每天进步一点点，加油。