关于chrome禁止混合内容造成的问题

混合内容

chrome 对混合内容的定义 是指 存储于http协议下的静态资源与https协议下的资源混用 Chrome官方相关说明
chrome 通过安全策略将 http强制转换为https 这会导致存储于http协议下的 文件出现协议问题从而无法访问

例:
从http文件服务器中引用一张图片到配置了ssl证书的https协议下服务中使用 图片无法显示
引用http文件服务中图片
控制台打印错误:
console打印出的error
静态资源请求:
关于chrome禁止混合内容造成的问题_第1张图片
以上可以看到 http 协议图片 被转成 https 导致问题出现

解决:
不使用 https 协议 或 给http文件服务配置ssl 证书
或者 将chrome屏蔽不安全默认设置改成允许

具体操作:
更改网站设置
关于chrome禁止混合内容造成的问题_第2张图片
不安全内容
关于chrome禁止混合内容造成的问题_第3张图片

关于chrome禁止混合内容造成的问题_第4张图片

重载
正常显示

关于chrome禁止混合内容造成的问题_第5张图片
关于chrome禁止混合内容造成的问题_第6张图片
生产环境中
!!不建议更改chrome对不安全内容的屏蔽设置

你可能感兴趣的:(浏览器,前端,chrome)