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

混合内容

chrome 对混合内容的定义 是指 存储于http协议下的静态资源与https协议下的资源混用 Chrome官方相关说明

chrome 通过安全策略将 http强制转换为https 这会导致存储于http协议下的 文件出现协议问题从而无法访问

例：
从http文件服务器中引用一张图片到配置了ssl证书的https协议下服务中使用 图片无法显示

控制台打印错误：

静态资源请求：

以上可以看到 http 协议图片 被转成 https 导致问题出现

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

具体操作：
更改网站设置

不安全内容

正常显示

生产环境中
！！不建议更改chrome对不安全内容的屏蔽设置