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

相关推荐
行走的陀螺仪11 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_9284115612 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger12 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登12 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
cypking13 小时前
Vue 3 + Vite + Router + Pinia + Element Plus + Monorepo + qiankun 构建企业级中后台前端框架
前端·javascript·vue.js
小小前端要继续努力14 小时前
新一代前端框架深度解析:编译时优化、粒度更新与无序列化渲染
前端框架
雨雨雨雨雨别下啦14 小时前
【从0开始学前端】vue3简介、核心代码、生命周期
前端·vue.js·vue
simon_934915 小时前
受够了压缩和收费?我作为一个码农,手撸了一款无限容量、原图直出的瀑布流相册!
前端
e***877015 小时前
windows配置永久路由
android·前端·后端
u***276115 小时前
TypeScript 与后端开发Node.js
javascript·typescript·node.js