👽 HTTPS控制台错误问题处理
CASE 1
问题描述
一般线上的网站都会去配置 HTTPS。但是在配置 HTTPS 的过程中,可能会遇到一些问题,比如控制台报错情况。
例如下面这种情况。
而出现这种情况的原因是因为网站的资源请求是通过 HTTP 协议加载的,而网站本身是通过 HTTPS 协议加载的,所以浏览器会报错。
解决方式
方式一:将两种协议变成一种协议,要么把资源请求配置 HTTPS,要么将网站本身配置为 HTTP
方式二:在网站 <head>
标签里面添加如下内容
upgrade-insecure-requests 是内容安全策略的一个指令,指示浏览器自动将HTTP请求升级为HTTPS请求,如图片、脚本、样式表等资源。
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
意义:这将告诉浏览器自动将网页上所有资源的HTTP请求升级为HTTPS请求。