Loading

带链接访问网站,网站进行oauth跳转,登录后url丢失查询参数

带链接访问网站,网站进行oauth跳转,登录后url丢失查询参数

问题

https://xxx.com/?taskId=19485

这种链接,一般我们预期是直接跳转到这个任务的界面。然而,如果网站需要鉴权的情况下,会引导用户先登录,如oauth2的方式,登录完成后,oauth会把我们重定向回来,然而,此时重定向回来,可能会丢失后面的taskId=xxx的部分,因此,就不能跳转回来了。

解决办法

在跳转到oauth2鉴权前,我们得把url记录下来,放到浏览器的存储中。

然后,后续oauth那边会把我们重定向回来,我们需要在对应的入口文件里,取出存储到sessionStorage中的url,用这个url来访问。

async created() {
	    this.autoBack();
}
    autoBack(){
      let path = sessionStorage.getItem("path");
      if(path && path.length > 0) {
        location.href = path;
        sessionStorage.setItem("path", "");
      }
    },
posted @ 2022-04-25 11:16  三国梦回  阅读(543)  评论(0)    收藏  举报