博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
直播软件在新页面登录后,关闭登录页面并刷新原先页面功能实现
阅读量:4928 次
发布时间:2019-06-11

本文共 711 字,大约阅读时间需要 2 分钟。

具体问题,简单的demo如下:

具体泰康流程:

1、如果用户没有登录=>2、点击会进入泰康OA系统,并把运营配置的参数传过去=>3、OA系统登录后会返回我们所需的token=>4、我们保存token信息添加到header并关闭

OA登录页面然后原来的页面自动跳转登录后的页面。

第一步:我们使用的是vue-authenticate这个插件来跳转到OA页面并配置需要传给OA的参数以及登录成功的返回地址。(具体API可以参考官网),下面基本配置

第二步:登录成功后系统会把我们要的token信息返回给我们上面定义的地址   例:http://localhost:8080/auth/callback?tokenType=type&&token=kdk12344

第三步:我们通过js解析上面地址栏的参数保存在本地缓存中。(这个就和我们平时获取后端的token然后保存,和添加到header是一样的,通过路由拦截监听到是登录后返回的路                   由,我们在header里设置 Authorization 的值

第四步:我们需要关闭这个页面通过window.close()方法,并把原先的页面跳转到登录后的页面,通过window.opener 获取到原先页面的window对象,然后window.opener.location.href进行跳转,或者通过reload()方法进行刷新都可以了。

注:你必须是通过原先页面的行为跳转到新的页面,才能获取到window.opener 对象。这也是为什么很多直播网站都是点击登录后跳转到登录页的原因。

 

转载于:https://www.cnblogs.com/zpxm/p/10688440.html

你可能感兴趣的文章
大型网站处理高并发要点技术
查看>>
Codeforces-1059D:Nature Reserve问最大的圆包含全部点
查看>>
牛客练习赛24
查看>>
转发推荐系统文章
查看>>
并排,快排和冒泡排序
查看>>
BZOJ 1073: [SCOI2007]kshort
查看>>
在centos上安装tomcat
查看>>
第十四章 异常处理
查看>>
超链接-a标签
查看>>
转载ASP.NET MVC中Session的处理机制
查看>>
Makefile 語法簡介
查看>>
sql面试题(学生表_课程表_成绩表_教师表)
查看>>
Sublime 保存时自动转换tab成空格
查看>>
atom 插件 python语法验证linter-flake8-------填坑
查看>>
cuda中当元素个数超过线程个数时的处理案例
查看>>
转:PCL+VS2010环境配置
查看>>
volatile
查看>>
uploadify3.2.1加载时,报NetworkError 404 Not Found或NetworkError forbidden错误
查看>>
Vim 常用命令总结
查看>>
python中的数据类型(二)
查看>>