基于 Vue 获取 token 从第三方登录

第三方登录示例:
在这里插入图片描述
第三方登录成功后,返回携带特定值的第三方登录链接(/trans):
https://xxxxx.com/trans?eid=62239&token=0ee8ad21d7444fabbabb412bd58c7563

router/index.js
	// 全局路由守卫 - 前置守卫
	router.beforeEach(( to , from , next) => {
		// 当前连接 path 值为'/trans' 即第三方登录链接
        if(to.path == '/trans') {
            localStorage.setItem("token",to.query.token);
            localStorage.setItem("eid",to.query.eid);
            next({ path: '/'});
        }
        var token = localStorage.getItem("token");
        // 当前链接非login.vue页面,且token值不存在
        if (to.name != 'login' && !token) next({ name: 'login' });
        next();
    })
login.vue
	created() {
		// 判断当前 localStorage 是否存在 token 值
        if(localStorage.getItem("token")) return this.$router.push('/');
        const thirdUrl = "第三方登录地址";
        const redirect = "重定向的目标地址";
        const source   = "来源参数";
        window.location.href = 'https://'+thirdUrl+'?redirect='+redirect+'&source='+source;
        // navigator.userAgent.indexOf('wxwork')	用于判断当前设备是否为企业微信
    }
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值