完美解决Iframe嵌入帆软报表出现跨域cookie写不进去的问题

原创已于 2024-02-29 15:49:45 修改 · 4k 阅读

2 GEO检测

收录于

当前文章被以下社区和专栏收录：

于 2024-02-29 15:45:22 首次发布

帆软报表高级开发专栏收录该内容

58 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

随着Chrome浏览器对第三方cookie的限制增强，使用iframe嵌入帆软报表出现跨域cookie无法写入的问题。本文提供了一种解决方案，在不统一主域名的情况下，通过传递fine_auth_token参数并通过Referer请求头保持认证信息，从而确保后续请求能够获取到token，实现了在Chrome下的帆软报表正常运行。此外，还讨论了如何在嵌套的帆软报表场景下传递token。

随着google chrome对第三方cookie的限制越来越狠，现在发现之前使用iframe嵌入的帆软报表已经不好使了。官方现在解决iframe嵌入帆软报表出现跨域导致cookie写不进去的方案是主推统一主域名的方案(谷歌浏览器单点登录失败- FineReport帮助文档 - 全面的报表使用教程和学习资料)。本文提供的方案是不统一主域名的时候如何解决这个问题。

思路就是既然chrome不让写第三方的cookie，那就不用写cookie来实现。经常使用帆软报表的都知道，我们如果把报表url上加一个 fine_auth_token参数，再后台用LoginService.getInstance().isLogged(req)判断，此时得出是已经登录了。那报表后续的请求如何加上这个fine_auth_token，通过观察，我们发现，如果给报表url上加上fine_auth_token，后续的请求中的Refer也会有这个fine_auth_token。如图：

我们可以这样想，如果帆软内部获取token，如果从cookie中获取不到，就从url上获取，如果url上也获取不到，那么就从请求Refer请求头中获取也可以拿到这个token