superset通过iframe嵌入网页,部分图表无法显示

本文讲述了开发者在将Superset嵌入本地与公司网站时遇到的跨域问题,从一级域名不匹配到https/http差异的深入剖析,揭示了解决过程中的关键点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

将superset嵌入自己的网页,一部分图表可以正常显示,但是另一部分图表无法显示。如图:右边是可以正常显示的,左边无法显示。
在这里插入图片描述

就很神奇,明明都是同样的情况,要么都显示,要么都加载失败,一部分有一部分没有就很莫名其妙。
问了一下部门实现过类似功能的同事。他说有跨域问题,需要自己的网站和superset运行的一级域名相同

因为superset公司已经部署到网站上了,用的公司的域名,但是自己的网页是本地开发,也就是用的localhost。所以存在跨域问题!

上边的就是解决办法,要保证一级域名相同

大概率是可以解决问题了,如果还没有解决的话,请继续往下看!

然后第二天,我把本地开发的代码打包上传到新申请的公司网站的域名,已经保证一级域名相同了。不过还是一部分图表加载不出来!!
就很莫名其妙!!
最后最后终于给试出来了!
原因是,自己的新网站的前缀是http,但是superset部署的网站前缀是https,然后在嵌入的时候,把src里的https改成http就可以显示出来了。。。
在这里插入图片描述

确实是一个很出乎意料的点,记录一下。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值