路由拦截方式中，全局守卫导航是如何实现的？

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

简单改写如下：

路径拦截的简易方法+全局守护导航的应用+一、前言+在我们SPA页面中，路径拦截堪称至关重要的十件事之一，是登录模块中的重要组成部分。那么，路径拦截有什么作用，今天我们就来一探究竟。

路由拦截的最简单方式 全局守卫导航的应用 一、前言

在我们的SPA页面中，路由拦截可谓是十分的重要，是登录模块中的重要组成部分，那么什么是路由拦截有什么用，今天我们就来看看吧

二、基本概念

路由拦截：毫无疑问，根据词义就知道是将我们的路由拦截下来，不让路由实现跳转；

全局守卫导航：直接看Vue官方文档的解释吧——正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。

三、路由拦截的作用

路由拦截主要用在我们的登录模块，判断用户有没有登录过，其实就是检查浏览中的sessionStorage中的token是否存在，如果存在，我们无需再次登录进入主页，使用地址就可以进入主页，实现结果如下图所示：

如果不存在，使用地址进入主页，就会拦截路由阻止跳转到主页，返回登录页登录。也可以理解为是权限的一个应用。