http协议请求https协议报错或警告处理方案

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>

你可能感兴趣的:(http,http,https,前端)