Vue中导航守卫与Axios拦截器的主要差异是什么？

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

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

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

二、vue-router提供的导航守卫主要用途主要用来通过跳转或取消的方式守卫路由的变化。例如：

1. 在全局守卫中，可以在路由跳转前进行登录状态的判断，如果用户未登录，则重定向到登录页面。

2.在路由独享守卫中，可以对特定路由进行登录状态的判断，如对管理员页面进行权限控制。

3.在组件内守卫中，可以对组件内部的路由进行权限控制，如对某些组件的路由进行登录状态的判断。

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

一、什么是导航守卫？

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

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