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

zhangqi8869

已于 2023-02-15 14:01:42 修改

阅读量1.3w

点赞数 3

文章标签： http https 前端

于 2023-02-14 12:02:36 首次发布

本文链接：https://blog.csdn.net/u011238996/article/details/129024225

版权

一、问题详情

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