Блог

Я написал перехватчик angular, чтобы добавить некоторые заголовки к моим запросам. Все в порядке, пока запрос SSE не будет перехвачен!

 @Injectable()
export class SessionUserDataInterceptor implements HttpInterceptor {

  constructor(@Inject(SESSION_USER_DATA) private userData: SessionUserData) {}


  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {

    const setHeaders = {};

    if (this.userData.line) {
      setHeaders['Line'] = this.userData.line;
    }

    if (this.userData.profil) {
      setHeaders['Profil'] = this.userData.profil.id;
    }

    return next.handle(request.clone({setHeaders}));
  }
}
  

SessionUserData это просто оболочка для SessionStorage .

Я пытался добавить заголовки в свое соединение SSE, но это тоже не работает.

 const es = new EventSource(url, {headers: {Line: 'XXX', Profil: 'YYY'}} as any);
  

Любая помощь приветствуется.

HttpInterceptor Шаблон работает только для запроса, отправленного HttpClient . Это означает, что EventSource это не захвачено, и не является обычным XMLHttpRequest . Лучшее, что вы могли бы сделать, это перенести фактическое преобразование вашего запроса в вашем перехватчике в служебную функцию, которую вы можете вызвать внутри своего перехватчика и, возможно, в пользовательскую службу, которая оборачивает EventSource функциональность