vue3项目实现登录成功页面回跳

在很多的时候都登录成功都需要回跳,比如  在未登录的情况下将商品加入购物车,会提示先登录.那么登录成功这时就不单止是登录到首页,应该是将页面重新回跳到购物车页面.

登录我这边是放到pinia去管理的

以下是回跳的解决方案:

1.  
   actions: {
2.  
   // 用户名和密码登录
3.  
   async login(data: { account: string; password: string }) {
4.  
   const res = await http<Profile>("POST", "/login", data);
5.  
   console.log("/login", res.data.result);
6.  
   this.profile = res.data.result
7.  
   message({ type: "success", text: "登录成功" });
8.  
   // router.push('/')
9.  
   // 在vue3项目直接获取router实例即可,vue2当中是this.$router
10.  
    // 可以通过currentRoute获取路由信息
11.  
    // 使用 encodeURIComponent() 方法可以对 URI 进行编码
12.  
    const { target } = router.currentRoute.value.query
13.  
    if (target) {
14.  
    // target有可能是string或LocationQueryValue ,target as string是指定类型
15.  
    router.push(decodeURIComponent(target as string))
16.  
    } else {
17.  
    router.push('/')
18.  
    }
19.  
     
20.  
    },
21.  
    },

这篇好文章是转载于：学新通技术网