本地SSL下的WSL和devcertreact页面问题。
创始人
2024-11-30 03:00:11
0

如果您使用的是Windows Subsystem for Linux(WSL)和devcert来在本地开发React应用程序并遇到了SSL证书问题,那么可以按照以下步骤解决:

  1. 首先,使用devcert创建一个本地SSL证书。在命令行中执行以下命令即可:

    devcert create localhost
    
  2. 然后,在WSL终端中,创建一个包含以下内容的.env文件:

    HTTPS=true
    SSL_CRT_FILE="/mnt/c/Users/your-user/.localhost.crt"
    SSL_KEY_FILE="/mnt/c/Users/your-user/.localhost.key"
    
  3. 在React应用程序的package.json中添加以下行:

    "start": "set PORT=3000 && react-scripts start"
    
  4. 运行应用程序,然后在Chrome浏览器中访问https://localhost:3000,确认是否正常加载。如果加载出错,请按照以下方式更新Chrome浏览器设置:

    a. 在Chrome浏览器的地址栏中输入“chrome://flags”(不带引号)。

    b. 在搜索框中输入“Allow invalid certificates for resources loaded from localhost”(不带引号)。

    c. 将该选项设置为“Enabled”。

    d. 关闭Chrome浏览器,并重新启动它。

通过以上步骤,您现在可以在本地使用SSL证书启动React应用程序。

相关内容

热门资讯

wepok软件透明挂!来玩德州... wepok软件透明挂!来玩德州app辅助软件[透视]原来真的有挂(有挂规律)-哔哩哔哩1、每一步都需...
wepokeai辅助!aapo... wepokeai辅助!aapoker透明挂多久被封[辅助挂]原来真的有挂(有挂教程)-哔哩哔哩;致您...
wepok软件透明挂!微扑克发... wepok软件透明挂!微扑克发牌规律性总结[透视]其实真的有挂(有挂工具)-哔哩哔哩;微扑克是一种具...
aapoker辅助工具!微扑克... 1、aapoker辅助工具!微扑克辅助器ios[透视]原来真的有挂(有挂技巧)-哔哩哔哩;详细教程。...
aapoker辅助工具!aap... aapoker辅助工具!aapoker脚本透明[透视]原来真的有挂(有挂脚本)-哔哩哔哩(1)aap...
aapoker辅助!微扑克辅助... aapoker辅助!微扑克辅助器[辅助挂]其实真的有挂(有挂工具)-哔哩哔哩,您好,微扑克这款游戏可...
wepok软件透明挂!智星德州... wepok软件透明挂!智星德州菠萝开挂[透视]原来真的有挂(有挂平台)-哔哩哔哩是一款可以让一直输的...
wepoke透明挂!We辅po... wepoke透明挂!We辅poker助[透视]其实真的有挂(有挂APP)-哔哩哔哩,您好,We辅po...
wpk ai辅助!aapoke... wpk ai辅助!aapoker软件讲解[辅助挂]其实真的有挂(有挂工具)-哔哩哔哩1、每一步都需要...
德扑之星辅助挂!wpk线上实战... 德扑之星辅助挂!wpk线上实战[辅助挂]其实真的有挂(有挂神器)-哔哩哔哩是一款可以让一直输的玩家,...