Ответ
Content Security Policy (CSP) настраивается через HTTP-заголовок Content-Security-Policy
или метатег <meta>
. Основные шаги:
- Определите источники для скриптов, стилей, изображений и других ресурсов:
<meta http-equiv="Content-Security-Policy"
content="default-src 'self';
script-src 'self' https://trusted.cdn.com;
style-src 'self' 'unsafe-inline';
img-src *">
- Ключевые директивы:
default-src
- политика по умолчаниюscript-src
- источники скриптовstyle-src
- источники стилейimg-src
- источники изображенийconnect-src
- ограничения для XHR/fetch
- Специальные значения:
'self'
- текущий домен'none'
- запрет'unsafe-inline'
- разрешает inline-скрипты/стили (не рекомендуется)'unsafe-eval'
- разрешает eval (опасно)
Совет: Начинайте с строгой политики и постепенно расширяйте, используя отчеты о нарушениях (директива report-uri
).