Normalerweise wird Webpack im Entwicklermodus über HTTP ausgeführt. Normalerweise gibt es einen Webserver, der Inhalte über HTTP und Webpack über http / websockets an einem separaten Port bereitstellt.
Ist es möglich, den Webserver unter https und das Webpack unter https / websocket Secure auszuführen?
Antworten:
Siehe die Webpack-Dokumente
Es gibt ein Flag, das Sie dem Befehl webpack-dev-server hinzufügen können
quelle
Während die obige Antwort für cli korrekt ist, können Sie, wenn Sie nicht in der CLI sind, Folgendes tun (in einer Schluckaufgabe):
quelle
Dies gilt nur für die TEST-Umgebung:
Sie müssen Ihren Webpack-Dev-Server wie folgt konfigurieren:
webpack-dev-server --https --cert ./cert.pem --key ./key.pem
Die einfachste Lösung besteht darin, einen Schlüssel ohne Passphrase zu generieren (ich kenne die Sicherheitsfolgen nicht! Dies dient jedoch nur zu Testzwecken).
Verwenden Sie diesen Befehl, um die Passphrase aus Ihrem Schlüssel zu entfernen:
$ openssl rsa -in key.pem -out newKey.pem
und verwenden Sie den neuen Schlüssel in der Konfigurationszeile der Vorschau
quelle
Mit
webpack-dev-server --https
erstellen Sie ein selbstsigniertes Zertifikat. Es funktioniert jedoch nicht für alle Anwendungsfälle.Browser werden Sie nach einer Sicherheitsausnahme fragen und in der URL-Leiste anzeigen, dass die Verbindung nicht sicher ist.
Daher wird empfohlen, mit mkcert ein lokal vertrauenswürdiges Entwicklungszertifikat für localhost zu erstellen
Verwenden Sie es dann über die CLI:
oder konfigurieren Sie die Option devServer.https in webpack.config.js:
mkcert erstellt standardmäßig PEM-Dateien im Unix-Format. Wenn Sie unter Windows arbeiten, müssen Sie diese wahrscheinlich mit Notepad ++ in das Windows-Format konvertieren
quelle
In meinem Fall musste ich alle diese Befehle ausführen, um das Zertifikat zu erhalten:
Und dann endlich:
quelle
Ich arbeite an einem Reaktionsprojekt. Jetzt wollte ich ein SSL-Zertifikat für dieses Projekt hinzufügen und meine Website mit https ausführen. Befolgen Sie daher den folgenden Schritt:
Fügen Sie https in webpack.config.js hinzu
Öffentliches SSL-Zertifikat zur Datei package.json hinzufügen Wenn Sie Ihrer Datei package.json kein Zertifikat hinzufügen möchten, müssen Sie es zu Ihrer Datei webpack.config.js hinzufügen. Sie müssen Ihr Zertifikat entweder in Ihrem Projekt hinzufügen kann es auf package.json Datei oder webpack.config.js
Für Package.json
ODER webpack.config.js
npm start
Befehl auf einem Terminal aus oder verwenden Sie ihn auchpm2 start npm -- start
quelle
https
zweite Codebeispiel enthält zwei Attribute. Ist das richtig?https: true
, der einehttp2: true
Webpack-Dokumentation war