【谷歌浏览器】中（Mixed Content错误，即是https请求http在浏览器中出现的错误）的解决方法-Toy模板网

这篇具有很好参考价值的文章主要介绍了【谷歌浏览器】中（Mixed Content错误，即是https请求http在浏览器中出现的错误）的解决方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、问题详情

Mixed Content: The page at ‘https://xxx’ was loaded over HTTPS, but requested an insecure test ‘http://xxx’. This request has been blocked; the content must be served over HTTPS.
【谷歌浏览器】中（Mixed Content错误，即是https请求http在浏览器中出现的错误）的解决方法,http,https,前端

注：上图中蓝色标记的【test】是http请求最后一级目录的关键字，也就是展示当前出现问题的目录关键字。

二、解决方式（两种方法选择其一即可）

2.1、方法一，在前端相应的HTML页面的head中加入meta标签元素（意思是自动将http的不安全请求升级为https），内容如下：

<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

【谷歌浏览器】中（Mixed Content错误，即是https请求http在浏览器中出现的错误）的解决方法,http,https,前端

2.2、方法二，在Nginx的Server中配置【add_header Content-Security-Policy upgrade-insecure-requests;】

server
{
    listen 80;
    server_name xxx.test.com;
    index index.php index.html index.htm default.php default.htm default.html;
    root /www/wwwroot/xxx.test.com;
    add_header Content-Security-Policy upgrade-insecure-requests;
    try_files $uri $uri/ /index.html;
    gzip_static on;
}