Angular OIDC客户端部署EC2后出现digest未定义错误，如何解决？

这个错误的核心原因是：angular-auth-oidc-client依赖的Web Crypto API（crypto.subtle.digest）仅在安全上下文（HTTPS、localhost、127.0.0.1）中可用。本地开发时localhost被浏览器认定为安全环境，但EC2如果用HTTP访问，就属于非安全环境，导致crypto.subtle为undefined，进而触发该错误。

以下是可行的修复方案：

1. 生产环境推荐：配置HTTPS（必选） #

给EC2部署的应用启用HTTPS，这是最安全且符合生产规范的解决方案：

• 用Let's Encrypt免费SSL证书，配合Nginx或Apache作为反向代理
• 大致步骤：
  • 在EC2服务器上安装Certbot工具
  • 执行Certbot命令获取对应域名/IP的SSL证书
  • 配置Nginx/Apache监听443端口，绑定证书文件
  • 添加HTTP（80端口）到HTTPS的重定向规则

2. 临时调试方案（仅开发/测试用） #

如果只是临时调试，不想配置HTTPS，可以修改angular-auth-oidc-client的配置，禁用加密相关功能：

• 在AuthModule.forRoot的配置中添加disableCrypto: true，同时关闭依赖加密的功能（比如刷新令牌）：

  import { AuthModule } from 'angular-auth-oidc-client';
  
  @NgModule({
    imports: [
      AuthModule.forRoot({
        config: {
          authority: '你的认证服务器地址',
          clientId: '你的客户端ID',
          redirectUrl: window.location.origin,
          postLogoutRedirectUri: window.location.origin,
          scope: 'openid profile email',
          responseType: 'code',
          disableCrypto: true, // 禁用加密
          useRefreshToken: false, // 刷新令牌依赖加密，需关闭
        },
      }),
    ],
  })
  export class AppModule {}
  

• 注意：此方案会跳过ID令牌的签名校验，降低安全性，严禁在生产环境使用

3. 浏览器临时绕过（仅个人调试） #

如果只是自己本地调试EC2上的应用，可以通过Chrome启动参数强制将HTTP地址标记为安全上下文：

• 关闭所有Chrome窗口
• 在终端/命令行执行：

  # Windows
  chrome.exe --unsafely-treat-insecure-origin-as-secure=http://你的EC2公网IP
  
  # Mac/Linux
  google-chrome --unsafely-treat-insecure-origin-as-secure=http://你的EC2公网IP
  

• 此方法仅对当前Chrome实例生效，不能用于生产环境或其他用户访问

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