wake-up-neo.net

create-React-App: Wie nutze ich https anstelle von http?

Ich habe mich gefragt, ob jemand weiß, wie man https on dev für die 'create -react-app'-Umgebung verwendet. Ich sehe darüber nichts in der README oder dem schnellen Googeln. Ich möchte entweder nur das https: // localhost: 3000 funktionieren, oder auch https: // localhost: 3001 .

reactjscreate-react-app
29
Ringo

Legen Sie HTTPS=true fest, bevor Sie den Startbefehl ausführen.

Dokumentation

Die Implementierung verwendet die HTTPS-Umgebungsvariable , um zu bestimmen, welches Protokoll beim Start des Servers verwendet werden soll.

47
Steve Buzonas

Sie können Ihren package.json-Skriptabschnitt bearbeiten, um Folgendes zu lesen:

"scripts": { "start": "set HTTPS=true&&react-scripts start", ... }

oder einfach set HTTPS=true&&npm start ausführen

Nur eine Randbemerkung für mich, wenn ich diese Änderung durchführe, bricht das Neuladen aus irgendeinem Grund.

- Hinweis: Betriebssystem === Windows 10 64-Bit

14
Smitty

Im Falle von MAC/UNIX

export HTTPS=true
npm start

Oder einfach ein Liner

export HTTPS=true&&npm start

Oder aktualisieren Sie das Startskript in package.json auf

"start": "export HTTPS=true&&PORT=3000 react-scripts start",

sie sollten https treffen können.

5
best wishes

möglicherweise müssen Sie eine selbstsignierte Zertifizierungsstellenkette auf Server und Browser installieren Unterschied zwischen selbstsignierter Zertifizierungsstelle und selbstsigniertem Zertifikat

3
codeislife

Bitte verwenden Sie diese Eingabeaufforderung

 set HTTPS=true&&npm start
2
Suneet Patil

wenn es aufgrund von Problemen mit "Ihre Verbindung ist nicht privat" (in Chrome) immer noch nicht richtig funktioniert, hat dies für mich ganz gut funktioniert:

https://github.com/facebook/create-react-app/issues/3441

Zusamenfassend:

  1. Zuerst habe ich ein Zertifikat von chrome (siehe hier) exportiert.
  2. Importierte das Zertifikat in Windows (mit certmgr.msc).
  3. Zulässiges chrome: // flags/# allow-insecure-localhost-Flag. So erlauben Sie unsicheren localhost
1
KurgerBing

Sie können auch eine Datei namens .env im Stammverzeichnis Ihres Projekts erstellen und dann schreiben

HTTPS=true

Danach starten Sie einfach "npm start" wie gewohnt, um Ihre App zu starten.

Dokumente: https://facebook.github.io/create-react-app/docs/advanced-configuration

Works sowohl unter Linux als auch unter Windows, im Gegensatz zu anderen Antworten, die hier veröffentlicht wurden.

1
wm1sr

Ich konnte das nicht zum Laufen bringen (Einstellung von HTTPS = true), stattdessen habe ich verwendet 

reagieren-https-umleitung

Ein einfacher Wrapper um Ihre App-Komponente .

0
PatrickGoethe

Ich denke, es lohnt sich zu erwähnen, dass PORT=443, Standard HTTPS standardport . Gesetzt wird. Sie können vermeiden, :PORT jedes Mal am Ende der Adresse anzufügen.

Mein package.json ist wie (getestet von Ubuntu Server 18.04):

{
  ...
  "scripts": {
    "start": "HTTPS=true PORT=443 react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  ...
}
0
GyuHyeon Choi
HTTPS=true npm start

im Terminal arbeitete ich für Create-React-App

0
ozzy432836

set HTTPS=true&&npm start in Skripten> Start von package.json und Bitte lassen Sie keinen Platz zwischen den Befehlen.

Verweisen Sie es im offiziellen Dokument . Verwenden von HTTPS in der Entwicklung

(Anmerkung: Das Fehlen von Leerzeichen ist beabsichtigt.)

0
Abhinav Kinagi