【谷歌浏览器】中(Mixed Content错误,即是https请求http在浏览器中出现的错误)的解决方法

  • Post author:
  • Post category:其他

一、问题详情

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.
在这里插入图片描述

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

二、解决方式(两种方法选择其一即可)

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

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

在这里插入图片描述

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;
}

在这里插入图片描述


版权声明:本文为u011238996原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。