vue3 数据可视化大屏项目开发中，需要一个登录功能，token的有效期只有30分钟，所以经常需要登录，如果每次登录都要重新手动进入自己要开发的页面的话，就太麻烦了，所以当token过期后，我们就需要先记录当前的地址，登录成功后自动跳转到之前的页面，而不需要重新手动跳转了。

获取当前路由地址

首先引入我们的路由配置文件

import router from "@/router/index";

通过currentRoute.value.fullPath可以获取到当前路由的路径

router.currentRoute.value.fullPath

到这里我们获取路由路径就完成了。

记录路由路径

接下来我们记录路由路径

localStorage.setItem('url', router.currentRoute.value.fullPath)

获取路由路径

登录成功后，我们就可以进行路由跳转了，先获取本地是否有缓存地址，没有的话就跳转到首页，有的话，就清除缓存的地址，跳转到缓存的地址中。

var url = localStorage.getItem('url')
    if (url && url != '/loginPage') {
    localStorage.removeItem('url')
    that.$router.push({path: url});
    } else {
    that.$router.push({path: '/'});
    }