Определите HTTP или HTTPS, а затем включите HTTPS в JavaScript

Есть ли способ обнаружить HTTP или HTTPS и затем принудительно использовать HTTPS с JavaScript?

У меня есть несколько кодов для обнаружения HTTP или HTTPS, но я не могу заставить его использовать https:.

Я использую свойство window.location.protocol, чтобы установить любой сайт, чтобы https:затем обновить страницу, чтобы, надеюсь, перезагрузить новый URL-адрес https, загруженный в браузер.

if (window.location.protocol != "https:") {
   window.location.protocol = "https:";
   window.location.reload();
}

Попробуй это

if (location.protocol !== 'https:') {
    location.replace(`https:${location.href.substring(location.protocol.length)}`);
}

location.href = blahдобавляет это перенаправление в историю браузера. Если пользователь нажмет кнопку «Назад», он будет перенаправлен обратно на ту же страницу. Лучше использовать, так location.replaceкак он не добавляет это перенаправление в историю браузера.

Настройка location.protocol позволяет перейти к новому URL . Не нужно ничего анализировать / нарезать.

if (location.protocol !== "https:") {
  location.protocol = "https:";
}

Firefox 49 имеет ошибку , где httpsработает , но https:не делает. Сказано, что будет исправлено в Firefox 54 .

Это не очень хорошая идея, потому что вы просто временно перенаправляете пользователя на https, а браузер не сохраняет это перенаправление.

Вы описываете задачу для веб-сервера (apache, nginx и т. Д.) Http 301, http 302

Как насчет этого?

if (window.location.protocol !== 'https:') {
    window.location = 'https://' + window.location.hostname + window.location.pathname + window.location.hash;
}

В идеале, вы бы сделали это на стороне сервера.

if (location.protocol == 'http:')
  location.href = location.href.replace(/^http:/, 'https:')

Не Javascript способ ответить на этот вопрос, но если вы используете CloudFlare, вы можете написать правила страницы, которые намного быстрее перенаправляют пользователя на HTTPS, и это бесплатно. Похоже на это в правилах страницы CloudFlare:

Ты можешь сделать:

  <script type="text/javascript">        
        if (window.location.protocol != "https:") {
           window.location.protocol = "https";
        }
    </script>

Функциональный способ

window.location.protocol === 'http:' && (location.href = location.href.replace(/^http:/, 'https:'));

Вы должны проверить это: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Добавьте этот метатег в ваш index.html внутри головы

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

Надеюсь, это помогло.

Мне нравятся ответы на этот вопрос. Но чтобы быть креативным, я хотел бы поделиться еще одним способом:

<script>if (document.URL.substring(0,5) == "http:") {
            window.location.replace('https:' + document.URL.substring(5));
        }
</script>

В приведенном ниже коде предполагается, что переменная 'str' содержит строку http: // .... Он проверяет, является ли он https, и если true не делает ничего. Однако, если это http, он заменяет http на https.

if (str.indexOf('https') === -1) {
  str = str.replace('http', 'https')
}

<script type="text/javascript">
        function showProtocall() {

            if (window.location.protocol != "https") {
                window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
                window.location.reload();
            }
        }
        showProtocall();
</script>

Привет, я использовал это решение работает отлично. Нет необходимости проверять, просто используйте https.

<script language="javascript" type="text/javascript">
document.location="https:" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
</script>

Я только что проверил все варианты скриптов, протестированные Pui Cdm , включил ответы выше и многие другие, используя php, htaccess, конфигурацию сервера и Javascript, в результате чего скрипт

<script type="text/javascript">        
function showProtocall() {
        if (window.location.protocol != "https") {
            window.location = "https://" + window.location.href.substring(window.location.protocol.length, window.location.href.length);
            window.location.reload();
        }
    }
    showProtocall();
</script> 

предоставленный vivek-srivastava работает лучше всего, и вы можете добавить дополнительную безопасность в сценарии Java.