Angular приложение выдает ошибку «inline style ...» из-за настроенного на сервере заголовка ответа CSP - PullRequest
0 голосов
/ 13 января 2020

Я работаю над приложением angular. Я работаю в приложении angular 8 с CLI. Моё приложение работает на локальном сервере без сбоев.

При развертывании кода на сервере prod ( сборка с использованием ng build --prod ) Я получаю следующие ошибки, как вы можете видеть на снимке экрана ниже: enter image description here

Я знаю, что эта ошибка из-за того, что заголовок ответа CSP реализован на стороне сервера, что препятствует встроенному css (вы можете увидеть значение заголовка CSP на снимке экрана ниже, установленном для заголовка ответа на сервере): enter image description here

Я знаю, если я обновлю заголовок CSP с помощью «unsafe-inline» для значения style-sr c, вышеуказанные ошибки будут исправлены.

Другой обходной путь (без обновления заголовка CSP) заключается в том, что он не использует styleUrls или свойство styles в метаданных компонента, как в примере ниже (прокомментирован styleUrls):

import { Component } from '@angular/core';
@Component({
 selector: 'app-root',
templateUrl: './app.component.html',
 // styleUrls: ['./app.component.scss'] 
})

Я просто хочу знать, я не использовал никаких встроенных CSS, тогда почему я получаю эти ошибки?

1 Ответ

0 голосов
/ 24 января 2020

Возможно, Angular вставит встроенные стили в фоновом режиме из-за Encapsulation.

Это может быть причиной этой проблемы, несмотря на то, что вы не используете встроенные стили.

...