关于webpack-dev-server https 自签证书失效
发布网友
发布时间：2024-10-06 08:04
共1个回答
热心网友
时间：2024-10-25 07:19
在新的团队接手 h5 表单开发时，我注意到热加载功能缺失，同事猜测可能与底层或代理有关，但具体原因不明。我决定深入了解。
遇到的问题是，在升级到macOS 10.15 Catalina后，使用 webpack-dev-server 3.11.0的项目在Chrome上遇到ERR_CERT_INVALID错误，表明WebSocket连接的自签名证书已失效。这在运行时尤为明显。
解决方法是在Chrome中调整设置以允许使用localhost上的无效证书。具体步骤如下：
打开Chrome，输入 chrome://flags/ 并查找相关设置。
将 Allow invalid certificates for resources loaded from localhost. 设置为 Enabled。
然而，对于一些使用较旧版本（3.2.0）的webpack-dev-server项目，问题更为复杂。Chrome的证书要求提高，导致这些项目生成的自签证书不再满足，从而影响部分域名的代理请求。
问题的根源在于证书中新增了字段，这在webpack-dev-server/lib/utils/createCertificate.js中的证书生成函数有所体现。证书文件位于webpack-dev-server/ssl/server.pem。
解决策略有二：一是临时修改createCertificate.js以添加所需的字段；二是将webpack-dev-server版本升级至至少3.9.0以上版本，以适应新的证书要求。
