「已解决」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,其他不变即可解决问题。

相关推荐
惊鸿2873 分钟前
Taro3+小程序Canvas动态生成海报和二维码分享到朋友圈
前端
做梦都在学习前端10 分钟前
发布一个monaco-editor 汉化包
前端·npm·vite
石小石Orz26 分钟前
为什么推荐前端学习油猴脚本开发?
前端
珵煜ini29 分钟前
wd-button组件阻止事件冒泡的
前端
炒毛豆30 分钟前
vue3.4中的v-model的用法~
前端·vue.js
用户408128120038131 分钟前
大文件分片上传和断点续传
前端
极客悟道31 分钟前
颠覆传统虚拟化:在Docker容器中运行Windows系统的开源黑科技
前端·后端
前端康师傅32 分钟前
JavaScript 中你不知道的按位运算
前端·javascript
小桥风满袖35 分钟前
Three.js-硬要自学系列38之专项学习缓冲几何体
前端·css·three.js
Rubin9335 分钟前
埋点方案实现
前端