Я работаю над приложением angular. Я работаю в приложении angular 8 с CLI. Моё приложение работает на локальном сервере без сбоев.
При развертывании кода на сервере prod ( сборка с использованием ng build --prod ) Я получаю следующие ошибки, как вы можете видеть на снимке экрана ниже: ![enter image description here](https://i.stack.imgur.com/3EHNu.png)
Я знаю, что эта ошибка из-за того, что заголовок ответа CSP реализован на стороне сервера, что препятствует встроенному css (вы можете увидеть значение заголовка CSP на снимке экрана ниже, установленном для заголовка ответа на сервере): ![enter image description here](https://i.stack.imgur.com/qS0Vz.png)
Я знаю, если я обновлю заголовок 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, тогда почему я получаю эти ошибки?