一、什么是Mixed Content?
一个含有 HTTP 明文內容的 HTTPS 页面称为混合内容(mixed content)。
常见于在HTTPS页面中以HTTP协议请求静态资源文件(如图片、视频等)、服务接口、iframe嵌入页面等。
二、判断依据
F12打开浏览器,查看控制台(Console) 的报错信息如下有Mixed Content 提示:
三、如何解决Mixed Content报错问题
①ThingJS-X离线部署
离线部署时配置ThingJS-X应用的协议
【4.x】版本
按照标准部署流程,都需要安装部署nginx,安装之后就实现了同时支持 http 和 https的访问,例如:
http访问:http://nginx-IP:nginx端口(默认8088)/thing
https访问:https://nginx-IP:nginx端口(默认4434)/thing
具体请参考X4版本产品文档:
https://wiki.uino.com/docs/thingjs-x40/62c52c7e2bd2f57fbd1bb48d.html
【3.5.x】版本
安装后默认支持http访问,http访问http或https都不涉及此报错问题。
部署方式可参考X3版本产品文档:
https://wiki.uino.com/docs/thingjs-x35/620f72e4875ad396248d1359.html
②ThingJS-X在线环境
由于目前ThingJS-X在线环境(森工厂)都只提供https访问,所以用户只能将他们的相关Web应用(接口)的协议升级为https
以上