Как начать проект React с HTTPS - PullRequest
Новая
       5

Как начать проект React с HTTPS

0 голосов
/ 10 февраля 2020

Я пытаюсь запустить свой проект React с HTTPS вместо HTTP. У меня есть проект на сервере Ubuntu, и я хочу попробовать его с HTTPS. Я создал сертификат SSL с Certbot для своего домена и хочу использовать его в React.

Я попытался изменить файл Server.js в node_module/webpack-dev-server/lib/Server.js следующим образом:

/ / Сертификат 

  const privateKey = fs.readFileSync('/etc/letsencrypt/live/adan.appha.es/privkey1.pem', 'utf8');
  const certificate = fs.readFileSync('/etc/letsencrypt/live/adan.appha.es/cert1.pem', 'utf8');
  const ca = fs.readFileSync('/etc/letsencrypt/live/adan.appha.es/fullchain1.pem', 'utf8');

и изменить: 

this.listeningApp = require('spdy').createServer(options.https, app);

на 

this.listeningApp = https.createServer(credentials, app);

Затем наберите npm start и напишите в моем браузере https://mydomain: 3000 но все равно не работает.

1 Ответ

1 голос
/ 11 февраля 2020

Вы можете установить HTTPS в разработке, как показано ниже.

Windows (cmd.exe) 

set HTTPS=true&&npm start

Windows (Powershell) 

($env:HTTPS = "true") -and (npm start)

Linux, macOS (Bash) 

HTTPS=true npm start

Обратите внимание, что сервер будет использовать самозаверяющий сертификат, поэтому ваш веб-браузер почти наверняка отобразит предупреждение при доступе к странице.

...