create-react-app 使用https进行开发

🌙
手机阅读
本文目录结构
a'xi'he

前置条件

注意:此功能可用于react-scripts@0.4.0或更高版本。

您可能需要开发的时候,使用HTTPS协议,而不是走http协议。

一种可能有用的特殊情况是,当该API服务器本身正在服务HTTPS 时,使用“代理”功能将请求代理到该API服务器。

为此,请将HTTPS环境变量设置为true,然后像往常一样通过npm start以下方式启动开发服务器:

Windows (CMD)

set HTTPS=true&&npm start

(注意:有空格。)

Windows (Powershell)

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

Linux,macOS(Bash)

HTTPS=true npm start

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

自定义SSL证书

要设置自定义证书,请使用SSL_CRT_FILESSL_KEY_FILE上述相同的方法,将和环境变量设置为证书和密钥文件的路径HTTPS。

请注意,您还需要设置HTTPS=true

Linux,macOS(Bash)

HTTPS=true SSL_CRT_FILE=cert.crt SSL_KEY_FILE=cert.key npm start

为了避免每次都必须设置环境变量,可以在npm start脚本中包括如下所示:

{
  "start": "HTTPS=true react-scripts start"
}

或者,您可以创建.env带有HTTPS=trueset 的文件。

在CRA中了解有关环境变量的更多信息。

https://create-react-app.dev/docs/adding-custom-environment-variables/

axihe
axihe

AXIHE / 精选教程

浏览全部教程

HTML

CSS

JS

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

axihe