在使用iframe angular-oauth2-oidc中使用会话存储时给出domexception的错误：无法读取sessionstorage＆＃x27;

Question

我正在使用 angular-oauth2-oidc 软件包进行身份验证，并且我的应用程序用于iFrame，因此当第三方cookie被阻止时，它将出现以下错误。

core.js:6241 ERROR DOMException: Failed to read the 'sessionStorage' property from 'Window': Access is denied for this document.
at Object.createDefaultStorage [as useFactory] (http://localhost:4200/vendor.js:81943:5)
at Object.factory (http://localhost:4200/vendor.js:30286:28)
at R3Injector.hydrate (http://localhost:4200/vendor.js:30153:63)
at R3Injector.get (http://localhost:4200/vendor.js:29903:33)
at injectInjectorOnly (http://localhost:4200/vendor.js:15722:33)
at Module.ɵɵinject (http://localhost:4200/vendor.js:15732:57)
at **Object.OAuthService_Factory [as factory]**

当我从代码中删除会话存储时，我收到了相同的错误消息。 我的问题是Angular-Oauth-oidc软件包以某种方式使用会话存储？ 除了允许第三方饼干外，我该如何克服这种情况，因为我不能依靠使用此解决方案的人允许第三方饼干？

Answer 1

是的，浏览器中的限制将做到这一点。如果您的应用程序无法使用SessionStorage，则库将无法将任何令牌保存在默认存储机制中。

您需要 oauthstorage 并创建一个内存实现或其他一些与父框架协调的实现，以确保库中的数据被持续存在。

自定义存储看起来像这样：

export class CustomOAuthStorage {
  private _data: object = { };
  getItem(key: string) { return this._data[key]; }
  setItem(key: string, value: string) { this._data[key] = value; }
  removeItem(key: string) { delete this._data[key]; }
}

然后通过Angular的DI系统提供。