HTTPS是HTTP over Secure Socket Layer,以安全为目标的 HTTP 通道,所以在 HTTPS 承载的页面上不允许出现 http 请求,一旦出现就是提示或报错;
如果我们不方便在服务器/Nginx 上操作,也可以在页面中加入 meta 头进行设置;
<meta http-equiv="Content-Security-Policy" content='upgrade-insecure-requests'>
实际操作
//项目主页index.html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta description="前端菜菜注定成为前端牛牛,爱上前端,总有一天前端菜菜将让所有前端所知晓!!!">
<meta http-equiv="Content-Security-Policy" content='upgrade-insecure-requests'>
<title>前端菜菜</title>
</head>
<body>
<div id="app"></div>
</body>
</html>