vue3中怎么获取跳转之前的url地址
时间: 2024-03-06 07:50:04 浏览: 110
vue实现登录后页面跳转到之前页面
在Vue3中,可以通过在路由导航守卫中获取跳转之前的URL地址。具体实现方法如下:
1. 在路由配置中,定义全局前置守卫(beforeEach):
```
const router = createRouter({
history: createWebHistory(),
routes: [...],
});
router.beforeEach((to, from, next) => {
console.log('跳转前URL地址:', from.fullPath);
next();
});
```
2. 在上面的例子中,使用`from.fullPath`获取跳转前的URL地址。
需要注意的是,该方法只能获取到跳转前的URL地址,如果需要获取跳转后的URL地址,可以在全局后置守卫(afterEach)中获取。
阅读全文