Vue导航守卫与axios拦截器有何本质区别？

本文共计884个文字，预计阅读时间需要4分钟。

在Vue项目中，存在两种用户登录状态判断和处理的情况，分别为：导航守卫和axios拦截器。

一、什么是导航守卫？

vue-router提供的导航守卫主要用来在路由发生变化时进行判断和处理。它主要分为全局守卫、路由独享守卫和组件内守卫。

二、vue-router提供的导航守卫主要用途

1. 通过跳转或取消的方式守卫路由的变化，例如：在登录状态下，某些路由需要判断用户是否有权限访问，如果没有权限则重定向到登录页面。

2. 在路由变化时，可以获取到路由参数、query等，从而进行相应的处理。

3. 在路由变化时，可以执行一些操作，如：获取数据、设置loading等。

（在‘后继续）

　　在Vue项目中，有两种用户登录状态判断并处理的情况，分别为：导航守卫和axios拦截器。

一、什么是导航守卫？

　　vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。（在路由跳转时触发）

　　我们主要介绍的是可以验证用户登录状态的全局前置守卫，当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于等待中。