vue3+ts+vite 路由守卫验证token

在Vue中，可以使用路由守卫来验证token是否存在。根据提供的引用内容，有两种方法可以实现这个功能。

方法一，根据引用的代码，在router文件夹下的index.js中编写代码。在路由模块下的beforeEach方法中，可以通过判断本地是否有token来进行验证。如果有token，就直接进入下一个页面；如果没有token，则根据需要守卫的页面判断是否跳转到登录页面。这样可以实现token的验证。

方法二，根据引用的代码，在路由模块的beforeEach方法中使用async/await异步方法来进行token验证。首先从localStorage中获取token，并且从Vuex的store中获取用户的name信息。如果存在token，判断当前路径是否为登录或注册页面，如果是则阻止跳转，否则继续判断是否存在用户name信息。如果存在name信息，则直接进入下一个页面；如果不存在name信息，则调用store的dispatch方法来获取用户信息。如果获取信息成功，则进入下一个页面；如果获取信息失败，则说明token失效，调用store的dispatch方法来注销用户并跳转到登录页面。如果不存在token，则直接进入下一个页面。

以上是两种在Vue中实现路由守卫验证token的方法。具体选择哪种方法取决于具体需求和代码结构。<span class="em">1</span><span class="em">2</span><span class="em">3</span>