Виявити HTTP або HTTPS, а потім змусити HTTPS у JavaScript

Чи є спосіб виявити HTTP або HTTPS, а потім змусити використовувати HTTPS за допомогою JavaScript?

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

Я використовую властивість window.location.protocol для встановлення будь-якого сайту, щоб https:потім оновити сторінку, щоб сподіватися перезавантажити новий https'ed URL, завантажений у браузер.

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>

<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-скрипті.