如何允许localhost使用HTTPS不安全证书？

方案1：生成固定自签名证书并配置Angular复用 #

• 用openssl生成有效期1年的固定证书（多数系统自带openssl，若没有可自行安装）：

  openssl req -x509 -sha256 -nodes -newkey rsa:2048 -days 365 -keyout localhost.key -out localhost.crt
  

• 编辑项目根目录的angular.json，在serve的development配置里指定证书路径：

  "projects": {
    "你的项目名": {
      "architect": {
        "serve": {
          "configurations": {
            "development": {
              "ssl": true,
              "sslKey": "./localhost.key",
              "sslCert": "./localhost.crt"
            }
          }
        }
      }
    }
  }
  

• 将生成的localhost.crt添加到系统信任区：
  • Windows：双击证书→「安装证书」→选择「本地计算机」→「受信任的根证书颁发机构」完成安装
  • Mac：双击证书→打开「钥匙串访问」→找到该证书→右键选择「显示简介」→「信任」栏设置为「始终信任」

方案2：浏览器临时绕过证书验证（仅开发环境） #

• Chrome/Edge：地址栏输入chrome://flags/#allow-insecure-localhost，启用「允许不安全的localhost」后重启浏览器
• Firefox：地址栏输入about:config，依次修改两个配置：
  • security.insecure_field_warning.contextual.enabled设为false
  • security.enterprise_roots.enabled设为true

方案3：排查启动命令与端口问题 #

• 简化启动命令，避免参数顺序影响：ng serve -c development --ssl
• 检查端口是否被占用，指定新端口重试：ng serve -c development --ssl --port 4201

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