reactjs - 如何使用 HTTPS 启动 React 项目

Question

我正在尝试使用 HTTPS 而不是 HTTP 来启动我的 React 项目。
我在 Ubuntu 服务器中有我的项目，我想尝试使用 HTTPS。我已经用 Certbot 为我的域创建了一个 SSL 证书，我想在 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但它仍然不起作用。

Answer 1

您可以在开发中设置 HTTPS，如下所示。

window (cmd.exe)

set HTTPS=true&&npm start

window (Powershell)

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

Linux、macOS(重击)

HTTPS=true npm start

请注意，服务器将使用自签名证书，因此您的网络浏览器几乎肯定会在访问页面时显示警告。