https请求http报错Mixed Content如何处理?

18801187951(338465)发表于:2022年12月29日 11:07:18

一、什么是Mixed Content?

一个含有 HTTP 明文內容的 HTTPS 页面称为混合内容(mixed content)。
常见于在HTTPS页面中以HTTP协议请求静态资源文件(如图片、视频等)、服务接口、iframe嵌入页面等。

二、判断依据

F12打开浏览器,查看控制台(Console) 的报错信息如下有Mixed Content 提示:

0acD5Z4Wc84H9X06891a9u3UcK7O7K277t7z7gbe8z1e0s6SdZ1BbJfh0MeZ3R7E.png?e=1670155783&token=PGtAPYyCYxCQ1zckbL-ecATOk42z8P3jdPahEnzt:6UbqTO-MhzFgLznbqg2MIe4glqc=

三、如何解决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

以上


    您需要登录后才可以回复