Erkennen Sie HTTP oder HTTPS und erzwingen Sie dann HTTPS in JavaScript

Gibt es eine Möglichkeit, HTTP oder HTTPS zu erkennen und dann die Verwendung von HTTPS mit JavaScript zu erzwingen?

Ich habe einige Codes zum Erkennen von HTTP oder HTTPS, kann diese jedoch nicht erzwingen https:.

Ich verwende die Eigenschaft window.location.protocol , um festzulegen , was auch immer die Site ist, und https:dann die Seite zu aktualisieren, um hoffentlich eine neue https-URL neu zu laden, die in den Browser geladen wird.

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

Versuche dies

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

location.href = blahFügt diese Weiterleitung zum Browserverlauf hinzu. Wenn der Benutzer auf die Schaltfläche "Zurück" klickt, wird er auf dieselbe Seite zurückgeleitet. Es ist besser zu verwenden, location.replaceda diese Umleitung nicht zum Browserverlauf hinzugefügt wird.

Durch Festlegen von location.protocol wird zu einer neuen URL navigiert . Sie müssen nichts analysieren / in Scheiben schneiden.

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

49 Firefox hat einen Bug , wo httpsfunktioniert aber https:nicht. Angeblich in Firefox 54 behoben .

Dies ist keine gute Idee, da Sie den Benutzer nur vorübergehend zu https umleiten und der Browser diese Umleitung nicht speichert.

Sie beschreiben die Aufgabe für den Webserver (Apache, Nginx usw.) http 301, http 302

Wie wäre es damit?

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

Idealerweise tun Sie dies jedoch auf der Serverseite.

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

Keine Javascript-Methode, um dies zu beantworten, aber wenn Sie CloudFlare verwenden, können Sie Seitenregeln schreiben , die den Benutzer viel schneller zu HTTPS umleiten, und es ist kostenlos. Sieht in den Seitenregeln von CloudFlare folgendermaßen aus:

Du kannst tun:

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

Funktionsweise

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

Sie sollten dies überprüfen: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/upgrade-insecure-requests

Fügen Sie dieses Meta- Tag zu Ihrer index.html im Kopf hinzu

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

Hoffe es hat geholfen.

Ich mag die Antworten auf diese Frage. Aber um kreativ zu sein, möchte ich noch einen Weg teilen:

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

Hallo, ich habe diese Lösung verwendet, funktioniert perfekt. Keine Notwendigkeit zu überprüfen, verwenden Sie einfach https.

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

Ich habe gerade alle Skriptvarianten von Pui Cdm testen lassen , einschließlich der obigen Antworten und vieler anderer, die PHP, Htaccess, Serverkonfiguration und Javascript verwenden. Das Ergebnis ist, dass das Skript

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

Die von vivek-srivastava bereitgestellte Funktion funktioniert am besten und Sie können dem Java-Skript weitere Sicherheit hinzufügen.