阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

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

      前置条件

      注意:此功能可用于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/

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录