Добавление заголовков к ответам угловых сервисных работников

Question

Некоторые ответы от сервисных работников нарушают CSP, и мне может понадобиться добавить этот заголовок:

Content-Security-Policy = "connect-src *;"

ко всем ответам от обслуживающего персонала, как объяснено здесь и здесь .

Как добавить заголовки ответа к ответам работника службы, используя угловой PWA

Answer 1

Вы можете использовать перехватчики http для перехвата любого вида http-запроса и ответа в одном месте.Это также применимо к работникам сферы обслуживания.

Подробное описание здесь .

https://angular.io/api/common/http/HttpInterceptor

. Пример:

intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(request).pipe(
    ...          
));
}

Answer 2

Заголовки ответа не нужно устанавливать в кэшированном ответе, возвращаемом работником службы, вместо этого решение состоит в том, чтобы установить специальные заголовки CSP на сервере в ответ на сценарий SW.То есть, когда браузеры запрашивают ngsw-worker.js (имя по умолчанию для сценария Angular SW), сервер должен прикрепить к этому ответу специальные заголовки CSP (например, Content-Security-Policy: connect-src *).