「已解决」iframe 本地生效 但是在测试环境不生效问题

背景

我有一个表格中一列是个详情,这个详情可被点击,点击后弹出抽屉,抽屉里是后端传给我详情字段的值对应的 url 的 iframe 展示。

问题是,在本地 localhost 下运行,ifame 运行正常,但是部署到测试环境就看不到 iframe!

报错

Mixed Content: The page at 'https://xxxx' was loaded over HTTPS, but requested an insecure frame 'http://xxx/index.html'. This request has been blocked; the content must be served over HTTPS.

看起来像是 https 的问题

解决

后端传的网址是以 http 开头,用 replace 方法把 http 换为 https,其他不变即可解决问题。

相关推荐
吃好睡好便好12 分钟前
在Matlab中用sphere( )函数绘制球面图
开发语言·前端·javascript·学习·算法·matlab·信息可视化
黑贝是条狗14 分钟前
注册表破解chrome,edge阻止浏览器连接本地websocket
前端·javascript·数据库
UXbot16 分钟前
AI 原型工具对比(2026):从文字描述到完整 App 界面的 5 款主流平台评测
android·前端·ios·交互·软件构建
ZC跨境爬虫19 分钟前
跟着 MDN 学 HTML day_53:(深入理解 XPathResult 接口)
前端·javascript·ui·html·音视频
摸鱼仙人~22 分钟前
html-anything 仓库全面介绍
前端·html
之歆25 分钟前
DAY_24JavaScript 面向对象深度全解:Object、构造函数与 this 系统指南(上)
开发语言·前端·javascript·原型模式
梦梦代码精28 分钟前
开源智能体平台 BuildingAI 深度解析:Monorepo 架构、MCP 集成及 GPT-Image-2 接入实测
前端·人工智能·后端·gpt·开源·github
fanzhonghong32 分钟前
javaWeb开发之前端实战(Tlias案例-部门管理)
前端·后端·web·前后端分离
广州华水科技34 分钟前
2026年高口碑GNSS变形监测一体机推荐:提升水库安全解决方案
前端
xiaoxue..36 分钟前
讲讲 浏览器的缓存机制
前端·缓存·面试·浏览器