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

相关推荐
前端缘梦几秒前
微信小程序登录方案实践-从账号体系到用户信息存储
前端·微信小程序
用户21411832636021 分钟前
02-N8N教程-手把手教你用 PostgreSQL 实现 N8N 数据持久化,生产环境部署实战!
前端
玄玄子3 分钟前
webpack学习指南
前端·webpack·程序员
不爱说话郭德纲4 分钟前
面试官:你给我讲讲async/await
前端·深度学习·面试
前端小巷子5 分钟前
Promise 链式调用:让异步编程更优雅
前端·面试·promise
周日不上发条6 分钟前
前端必学:CSS实现精美渐变色票据组件(含完整源码)
前端
有梦想的攻城狮12 分钟前
从0开始学vue:pnpm怎么安装
前端·javascript·vue.js
pzpcxy52014 分钟前
安装VUE客户端@vue/cli报错警告npm WARN deprecated解决方法 无法将“vue”项识别为 cmdlet、函数
前端·vue.js·npm
醉书生ꦿ℘゜এ15 分钟前
npm error Cannot read properties of null (reading ‘matches‘)
前端·npm·node.js
疯狂的沙粒30 分钟前
uni-app 如何实现选择和上传非图像、视频文件?
前端·javascript·uni-app