Отказался применять встроенный стиль, потому что он нарушает следующую директиву безопасности безопасности: «Стиль-src ' ⇐ C#

[Anonymous]

В моем приложении Blazor WASM у меня есть заголовок CSP, определенный в файле web.config , как это:

Код: Выделить всё

< /code>
Теперь я пытаюсь применить динамический класс для нескольких моих компонентов через JS (jsinterop) как SO: < /p>
export function createAndAppendDynamicCellClass(className, colSpan, rowSpan) {
const styleId = 'dynamic-style-' + className;

if (!document.getElementById(styleId)) {
const nonce = document.querySelector('meta[name="csp-nonce"]').getAttribute('content');
const style = document.createElement('style');
style.setAttribute('nonce', nonce);
style.id = styleId;
style.innerHTML = `.${className} { grid-column: span ${colSpan}; grid-row: span ${rowSpan}; }`;
document.head.appendChild(style);
}
};

Кроме того, в моем файле index.html я добавил следующее в разделе головы:

Код: Выделить всё

......

< /code>
Этот код прекрасно работает в моем локале без каких-либо проблем. /> < /blockquote>
Когда я осмотрел вкладку «Элементы моего браузера», я понял, что значение атрибута Nonce < /code> не установлено в моем развернутом приложении, хотя то же самое работает локально. < /p>
ecenshot of стиля с вкладки Elements for My localhost app: < /p>
alt alte alte alte alte altehost alte »< /p>           
Скриншот стиля с вкладки элементов для моего развертываемого приложения: 


Подробнее здесь: [url]https://stackoverflow.com/questions/79730764/refused-to-apply-inline-style-because-it-violates-the-following-content-security[/url]