Рейтинг:0

Заблокирована загрузка смешанного активного контента

флаг pe

Я использую react в качестве своего шрифта и nodejs в качестве бэкэнда, который работает на localhost: 3016, и я использовал nginx в качестве обратного прокси-сервера и балансировщика нагрузки; это мой файл конфигурации nginx для сайта

восходящий load_balance{
    # наименьшее_соединение;
     #ip_хэш;
    локальный хост сервера: 3016;
    # сервер локальный: 8010;
    # сервер локальный: 8011;
    # сервер локальный: 8012;
    # сервер локальный: 8013;
    # сервер локальный: 8014;
    # сервер локальный: 8015;
    # сервер локальный: 8016;
    # сервер локальный: 8017;
    # сервер локальный: 8018;
}

сервер {

    # конфигурация SSL
    #
    # слушать 443 ssl default_server;
    # слушать [::]:443 ssl default_server;
    #
    # Примечание. Вы должны отключить gzip для трафика SSL.
    # См.: https://bugs.debian.org/773332
    #
    # Прочтите ssl_ciphers, чтобы обеспечить безопасную конфигурацию.
    # См.: https://bugs.debian.org/765782
    #
    # Самоподписанные сертификаты, созданные пакетом ssl-cert
    # Не используйте их на рабочем сервере!
    #
    # включить фрагменты/snakeoil.conf;
    # слушать [::]:443 ssl ipv6only=on; # под управлением Certbot
        слушать 443 ssl; # под управлением Certbot
        ssl_certificate /etc/letsencrypt/live/ethiolive.net/fullchain.pem; # под управлением Certbot
        ssl_certificate_key /etc/letsencrypt/live/ethiolive.net/privkey.pem; # под управлением Certbot
    включить /etc/letsencrypt/options-ssl-nginx.conf; # под управлением Certbot
        ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # под управлением Certbot


    #корень /var/www/html;

    # Добавьте index.php в список, если вы используете PHP
    #index index.html index.htm index.nginx-debian.html;

    имя_сервера ethiolive.net www.ethiolive.net;
    
    add_header 'Access-Control-Allow-Origin' '*' всегда;
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE' всегда;
        add_header 'Access-Control-Allow-Headers' 'X-Requested-With,Accept,Content-Type, Origin,x-auth' всегда;
        #default_type приложение/json;
    
    расположение /API {
        прокси_пасс http://load_balance;
        прокси_http_версия 1.1;
        proxy_set_header Обновить $http_upgrade;
        proxy_set_header Соединение «обновление»;
        proxy_set_header Хост $host;
        proxy_cache_bypass $http_upgrade;
        # Сначала пытаемся обслужить запрос как файл, затем
        # в качестве каталога, затем вернуться к отображению 404.
        # try_files $uri $uri/ =404;
        если ($ request_method = 'ВАРИАНТЫ') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
            #
            # Пользовательские заголовки и заголовки, с которыми различные браузеры *должны* работать, но не
            #
            add_header 'Access-Control-Allow-Headers' 'DNT, User-Agent, X-Requested-With, If-Modified-Since, Cache-Control, Content-Type, Range';
            #
            # Сообщите клиенту, что эта предварительная информация действительна в течение 20 дней.
            #
            add_header 'Access-Control-Max-Age' 1728000;
            add_header 'Content-Type' 'text/plain; кодировка=utf-8';
            add_header 'Длина контента' 0;
            вернуть 204;
         }
         если ($ request_method = 'POST') {
            add_header 'Access-Control-Allow-Origin' '*' всегда;
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' всегда;
            add_header 'Access-Control-Allow-Headers' 'DNT, User-Agent, X-Requested-With, If-Modified-Since, Cache-Control, Content-Type, Range' всегда;
            add_header 'Access-Control-Expose-Headers' 'Content-Length, Content-Range' всегда;
         }
         если ($ request_method = 'ПОЛУЧИТЬ') {
            add_header 'Access-Control-Allow-Origin' '*' всегда;
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' всегда;
            add_header 'Access-Control-Allow-Headers' 'DNT, User-Agent, X-Requested-With, If-Modified-Since, Cache-Control, Content-Type, Range' всегда;
            add_header 'Access-Control-Expose-Headers' 'Content-Length, Content-Range' всегда;
         }
    }
        место расположения / {
        корень /var/www/html/LiveStream/LiveStream-frontend/users/build;
        индекс index.html index.htm;
        }
    расположение/администратор {
        корень /var/www/html/LiveStream/LiveStream-frontend/admin/build; индекс index.html index.htm;
    }
    расположение /гнездо/ {
                прокси_пасс http://load_balance/socket.io/;
        прокси_перенаправление выключено;

                прокси_http_версия 1.1;

                proxy_set_header Обновить $http_upgrade;
                proxy_set_header Соединение "обновление";
                proxy_set_header Хост $host;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }               
        расположение /socket.io/{
        
                прокси_пасс http://load_balance/socket.io/;
        proxy_set_header Обновить $http_upgrade;
                proxy_set_header Соединение "обновление";
                прокси_http_версия 1.1;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header Хост $host;
               
    }
           ```
я получаю эту ошибку 

2.2664eafa.chunk.js:2 Смешанное содержимое: страница «https://www.ethiolive.net/» была загружена через HTTPS, но запросила небезопасную конечную точку XMLHttpRequest «http://192.168.8.101:3016/catagorey/». получить основную категорию». Этот запрос был заблокирован; контент должен передаваться через HTTPS.``` из консоли хром, Я думаю, что я что-то упустил в конфигурации nginx, спасибо

флаг in
Настройте свои nodejs для создания страниц с правильными URL-адресами HTTPS.
Рейтинг:0
флаг pe

Я нашел решение проблемы, и я считаю, что поделиться решением было бы полезно для других, используйте этот 'proxy_set_header Content-Security-Policy upgrade-insecure-requests; ниже как я настроил

расположение /API {
                прокси_пасс http://load_balance;
                прокси_http_версия 1.1;
                proxy_set_header Обновить $http_upgrade;
                proxy_set_header Соединение «обновление»;
                proxy_set_header Хост $host;
                proxy_cache_bypass $http_upgrade;
                proxy_set_header X-Real-IP $remote_addr;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
                proxy_read_timeout 3600;
                proxy_headers_hash_max_size 512;
                proxy_headers_hash_bucket_size 128;
                proxy_set_header Content-Security-Policy update-insecure-requests;

надеюсь, вы найдете это полезным!

Ответить или комментировать

Большинство людей не понимают, что склонность к познанию нового открывает путь к обучению и улучшает межличностные связи. В исследованиях Элисон, например, хотя люди могли точно вспомнить, сколько вопросов было задано в их разговорах, они не чувствовали интуитивно связи между вопросами и симпатиями. В четырех исследованиях, в которых участники сами участвовали в разговорах или читали стенограммы чужих разговоров, люди, как правило, не осознавали, что задаваемый вопрос повлияет — или повлиял — на уровень дружбы между собеседниками.