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