iframe/window.open/a三种标签打开新页面或新窗口设置请求头;实现免密登录

这篇具有很好参考价值的文章主要介绍了iframe/window.open/a三种标签打开新页面或新窗口设置请求头;实现免密登录。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言:

对于前端来说,一般在登录获取token之后会把token存入缓存以及放置在Request Headers请求头中,但是使用iframe/window.open/a这三种标签打开新页面或新窗口是没有办法把请求头带过去的,这个时候就需要自己设置请求头,有如下有两种办法:

方法一(不推荐):
第一种方法可以说是最不得已使用但是也能实现的方法,就是在跳转链接后面拼token,http://localhost:8080/test?token=2345treghgfdsd334344,然后到新打开的页面中从链接中取token存在新页面的请求头部
优点:url链接后面直接拼接参数,不会出现跨域的情况
取:一定是在页面获取,无法在请求拦截器取出
iframe打开新窗口,前端,javascript,前端,javascript,开发语言

方法二(推荐):
第二种方法是使用Cookie。Cookie在同域名中是可以存token并且在新页面中获取的,因为当前页面和新打开的页面属于同一个域名。
缺点:a,b两个系统只有同域名下才能使用cookie存取,不同域名会出现跨域情况,解决跨域的话就要通过nginx配置代理转发。
步骤:
1.安装js-cookie依赖包

npm install js-cooke

2.在获取token之后存入Cookie

import Cookie from 'js-cookie'
Cookie.set('token', token)

3.在新打开的页面中获取token。

//如果新打开的页面是另外一个项目(前提是另一个项目也是自己的)的话可以在请求拦截request.interceptors.js中获取
import Cookie from 'js-cookie'
const token = Cookie.get('token')
//如果新打开的页面是另外一个项目(不是自己的项目)的话我们只负责Cookie.set存,取得话需要根据实际情况考虑

实现免密登录:
使用iframe/window.open/a标签可以嵌入或打开第三方系统指定页面,如果想实现到第三方指定页面免登录,则可以在当前系统中把token存入cookie,第三方系统从cookie中获取token存入头部,即可实现。文章来源地址https://www.toymoban.com/news/detail-654092.html

到了这里,关于iframe/window.open/a三种标签打开新页面或新窗口设置请求头;实现免密登录的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 三种视频播放标签(video,embed,iframe)-------笔记

    1.video:可以兼容移动端和pc段 支持格式: Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件 语法: 2.embed:用于flash文件或者在使用video标签不成功的情况下使用,不

    2024年02月12日
    浏览(40)
  • Html代替<iframe>标签的三种方法<object>, <embed>和<video>

    某平台对 iframe 标签做了些许限制但是前端代码有bug导致提交不了代码, 最开始想着是不是能够在本地替换 js 文件从而绕过bug 简单搜索后找到了 chrome浏览器F12调式,修改替换js文件这篇博客, 简单试了下虽然能替换成功但是效果不理想, 改不了平台就只能适应平台了, 反手就改

    2024年02月15日
    浏览(64)
  • 【Open3D可视化——添加标签】:如何在Open3D的可视化窗口中添加文字标签?

    【Open3D可视化——添加标签】:如何在Open3D的可视化窗口中添加文字标签? Open3D是一个基于Python语言开发的跨平台开源工具包,主要用于三维数据处理和可视化。在进行三维数据可视化过程中,往往需要在场景中添加标签来标识物体、点云等信息。本文将介绍如何在Open3D的可

    2024年02月11日
    浏览(70)
  • vue项目关于iframe嵌套的页面,在切换tab标签时会被重新刷新的问题处理方案

    这两天工作中遇到一个这样的需求,切换tab标签时,要求对应的tab页面不刷新,但是项目中加入了一部分含有iframe的页面,在切换路由的过程中,如果使用keep-alive是达不到缓存ifram嵌套的页面效果的。 vue中的keep-alive 1.原理:vue 的缓存机制并 不是直接存储 DOM 结构 ,而是将

    2024年02月04日
    浏览(70)
  • 如何让DEDE标签输出的指定栏目新窗口打开

    对DEDE代码有一定了解的朋友们应该了解,dede模版支持部分的PHP代码,那我们就利用这一点来实现它; [field:typename/]{/dede:channel} 这句是逻辑重点: 标签注解:当栏目ID为9的时候,输出target=\\\'_blank\\\'否则输出空;当然也可以用来判断当前内容是否与当前栏目对应,对应则显示不同

    2023年04月24日
    浏览(46)
  • layuimini打开新页面/窗口/tab,点击按钮/超链接

    如需在页面中弹出新的Tab窗口,请参考下方代码。(备注:需要引入 miniTab.js或config.js 文件) 参数说明(layuimini-content-href:页面链接,data-title:标题) 调用方法进行监听: miniTab.listen(); 示例在 page/welcome-1.html 页面中有   如需在页面中弹出新的Tab窗口,请参考下方代码。(

    2024年02月16日
    浏览(44)
  • JavaScript常用跳转代码:打开新页面(Open New Page)

    JavaScript常用跳转代码:打开新页面(Open New Page) 在编写网页时,经常需要在当前页面中跳转到其他页面。JavaScript提供了多种方法来实现页面跳转,其中最常用的是打开新页面。下面是一些常见的跳转代码示例。 使用window.open()函数 该代码会在新的浏览器窗口或选项卡中打开

    2024年02月06日
    浏览(41)
  • Django:六、使用iframe标签内嵌页面报错;拒绝了我们的连接请求;because it set ‘X-Frame-Options‘ to ‘deny‘.

    使用标签内嵌页面时报错: 127.0.0.1 拒绝了我们的连接请求。 查看错误代码,发现: Refused to display \\\'http://127.0.0.1:8000/\\\' in a frame because it set \\\'X-Frame-Options\\\' to \\\'deny\\\'. 由于x-frame-options设置了deny属性,导致了iframe失效,x-frame-options响应头是用来给浏览器设置允许一个页面可否在fra

    2024年02月03日
    浏览(48)
  • layer.open再次渲染html,子页面调用在父页面打开弹出层,渲染html

    使用的版本 layui-v2.5.6 是在父页面弹出层,显示;调用的是父页面的layer.open();

    2024年02月05日
    浏览(70)
  • 安卓微信内页面用wx-open-launch-app标签拉起app

    公司有一款APP,原本用的是openinstall调用拉起app功能。 ios上(网页、微信、钉钉等拉起app)都正常。 安卓上网页拉起没问题,但是在微信、钉钉内等一些环境中,都是用折中的办法,就是拉起app时,提示点击右上角,在浏览器内打开当前网页,然后在浏览器内打开app。 目前

    2024年02月02日
    浏览(33)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包