web-dev-qa-db-fra.com

create-react-app: comment utiliser https au lieu de http?

Je me demandais si quelqu'un savait comment utiliser https sur dev pour l'environnement 'create-react-app'. Je ne vois rien à ce sujet dans README ou sur Google. Je veux juste que le https: // localhost: 3000 fonctionne, ou bien https: // localhost: 3001 .

reactjscreate-react-app
29
Ringo

Définissez HTTPS=true avant d'exécuter la commande de démarrage.

Documentation

L'implémentation utilise la variable d'environnement HTTPS pour déterminer le protocole à utiliser lors du démarrage du serveur.

47
Steve Buzonas

Vous pouvez modifier votre section de scripts package.json comme suit:

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

ou lancez simplement set HTTPS=true&&npm start

Juste un petit mot, pour moi, ce changement met un terme au rechargement pour une raison quelconque ...

- Remarque: OS === Windows 10 64 bits

14
Smitty

En cas de MAC/UNIX do

export HTTPS=true
npm start

Ou un simple paquebot

export HTTPS=true&&npm start

Ou mettez à jour le script de démarrage dans package.json pour

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

vous devriez pouvoir frapper https.

5
best wishes

Veuillez utiliser ceci dans l'invite de commande

 set HTTPS=true&&npm start
2
Suneet Patil

Vous pouvez également créer un fichier appelé .env à la racine de votre projet, puis écrire

HTTPS=true

Après cela, lancez simplement "npm start" comme vous le faites habituellement pour démarrer votre application.

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

Fonctionne à la fois sous Linux et Windows, contrairement à certaines autres réponses publiées ici.

1
wm1sr

Je ne pouvais pas obtenir que cela fonctionne (réglage HTTPS = true), à ​​la place, j'ai utilisé 

react-https-redirect

Un simple wrapper autour de votre composant App .

0
PatrickGoethe

Je pense que cela vaut la peine de mentionner de définir PORT=443, le port standard par défaut HTTPS . Vous pouvez éviter d'attacher chaque fois :PORT à la fin de l'adresse.

Mon package.json est comme (testé sur 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

dans le terminal a travaillé pour moi sur Create-React-App

0
ozzy432836

set HTTPS=true&&npm start dans les scripts> début de package.json et s'il vous plaît ne laissez aucun espace entre les commandes.

Référez-le dans la documentation officielle . Utilisation de HTTPS dans le développement

(Remarque: le manque d'espace est intentionnel.)

0
Abhinav Kinagi