【Google Chrome】（混合コンテンツエラー：httpsがhttpをリクエストした際にブラウザで発生するエラー）の解決方法

1. 問題の詳細

混合コンテンツ: 「https://xxx」のページは HTTPS 経由でロードされましたが、安全でないテスト「http://xxx」を要求しました。このリクエストはブロックされました。コンテンツは HTTPS 経由で提供される必要があります。

注: 上の図で青くマークされた [test] は、http リクエストの最終レベルのディレクトリのキーワードであり、現在の問題を表示するディレクトリ キーワードです。

2. 解決策 (2 つの方法のいずれかを選択するだけ)

2.1. 方法 1: フロントエンドの対応する HTML ページの先頭にメタ タグ要素を追加します (安全でない http リクエストを https に自動的にアップグレードすることを意味します)。

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

2.2. 方法 2、Nginx サーバーで [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;
}