javascript / intermediate
Snippet
Konfiguration von Content Security Policy (CSP) Headern
Das Festlegen einer Content Security Policy (CSP) in der next.config.js hilft, Sicherheitsrisiken wie Cross-Site-Scripting (XSS) zu minimieren, indem eingeschränkt wird, von wo Ressourcen geladen werden dürfen.
snippet.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/** @type {import('next').NextConfig} */const nextConfig = {async headers() {return [{source: '/(.*)',headers: [{key: 'Content-Security-Policy',value: "default-src 'self'; script-src 'self' 'unsafe-inline';",},],},];},};module.exports = nextConfig;
nextjs
Erklärung
1
async headers() {
Eine Konfigurationsmethode in Next.js, um benutzerdefinierte HTTP-Response-Header für bestimmte Routen zu definieren.
2
value: "default-src 'self'; ...",
Der CSP-Policy-String, der das Laden von Inhalten auf die Ursprungsdomain ('self') beschränkt.