运行Angular项目时频繁遇到SSL问题，请问其成因是什么？

可能的触发原因 #

• Angular版本升级：若近期更新过Angular CLI，新版本（如14+）可能在部分场景下默认启用HTTPS配置——比如涉及PWA、浏览器敏感API（如Geolocation、Notification）时，强制要求HTTPS环境，而旧版本默认使用HTTP，因此突然出现SSL证书需求。
• 本地环境变更：
  • 浏览器安全策略更新：Chrome等浏览器对本地HTTP站点的限制收紧，或你手动开启了强制HTTPS的浏览器设置/扩展（如HTTPS Everywhere）。
  • 系统网络配置变动：本地代理工具、防火墙修改了规则，强制将本地开发服务的请求转为HTTPS通道。
  • 全局项目配置被修改：可能误操作开启了Angular CLI的全局SSL配置，导致所有项目启动时默认要求SSL证书。

快速排查与解决方法 #

1. 验证CLI版本影响
   先查看当前Angular CLI版本：

   ng version
   

   尝试临时关闭SSL启动项目，看是否恢复正常：

   ng serve --ssl false
   

   若能正常运行，说明是CLI默认配置导致的问题。

2. 检查项目本地配置
   打开项目根目录的angular.json，找到projects -> [你的项目名] -> architect -> serve -> options，查看是否存在ssl: true配置，若有改为false即可恢复HTTP启动。

3. 排查本地环境设置

   • 临时禁用浏览器中强制HTTPS的扩展，重启浏览器后重试。
   • 检查本地代理、防火墙软件的网络规则，确认是否强制将本地服务转为HTTPS。

4. 生成本地自签名证书（如需保留HTTPS）
   如果确实需要HTTPS环境，Angular CLI可自动生成自签名证书：

   ng serve --ssl true --ssl-cert "ssl/localhost.crt" --ssl-key "ssl/localhost.key"
   

   首次运行会在项目根目录创建ssl文件夹并生成证书，后续启动直接用ng serve --ssl true即可。

内容的提问来源于stack exchange，提问作者armando t