当路由模式为hash怎么对接京东物流回调链接

 为什么我要写这篇文章呢?是因为最近在做这个需求,京东物流是需要自己手动点击授权后把返回的code拿去授权,刚开始以为一切都很顺利的,然而等我看到路由为hash时候,浏览器会忽略#后面的东西,所以是无法重新跳回之前页面。

其实如果你的路由模式为history并且后端已经配置了,恭喜你用不到这篇文章了

可以在路由守卫

我们这里解决的是点击跳转到京东物流后回调地址返回code的解决方法

可以在beforeEach这个钩子函数获取到token后写上

let code = new URL(location.href).searchParams.get("code");
    if (code) {
//当链接中有code的时候就存入到缓存中
      window.localStorage.setItem("code", code);
//在本页面打开
      window.open('你需要跳转的地址' '_self')
    }

然后就去你的跳转地址页面写上:

async created() {
    let codeNum = window.localStorage.getItem("code");
    if (codeNum) {
      //这里写上你的京东回调api接口
    }
    if (codeNum) {
//这里无论如何记得删除code,因为code只能用一次,不然会一直报错
      setTimeout(() => {
        window.localStorage.removeItem("code");
      }, 2000);
    }
  },

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值