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

相关推荐
用户47949283569156 小时前
Chrome DevTools MCP:让 AI 助手直接操作浏览器开发工具
前端·javascript·chrome
Rysxt_6 小时前
Vuex 教程 从入门到实践
前端·javascript·vue.js
by__csdn6 小时前
Node.js版本与npm版本的对应关系
前端·npm·node.js
AI_56787 小时前
Webpack性能优化终极指南:4步实现闪电打包
前端·webpack·性能优化
威风的虫7 小时前
ES6 数组方法:告别循环,拥抱函数式编程
开发语言·前端·javascript
小杨快跑~7 小时前
ES6 Promise:告别回调地狱的异步编程革命
前端·javascript·ecmascript·es6
linweidong7 小时前
VIVO前端面试题及参考答案
前端·跨域·localstorage·重绘·浏览器兼容·git管理·前端重构
有意义7 小时前
从零搭建:json-server+Bootstrap+OpenAI 全栈 AI 小项目
前端·后端·llm
温宇飞7 小时前
CCState:为大型 Web 应用设计的状态管理库
前端
r0ad8 小时前
读诗的时候我却使用了自己研发的Chrome元素截图插件
前端·javascript·chrome