Nuxt-Sicherheit
XSS-Schutz, CSRF-Tokens, Content Security Policy, Rate-Limiting, Eingaben-Bereinigung, Security-Header
1Was ist das Nuxt-Security-Modul?
Was ist das Nuxt-Security-Modul?
Antwort
Nuxt Security ist ein offizielles Modul, das eine Nuxt-3-Anwendung automatisch so konfiguriert, dass sie OWASP-Sicherheitsmustern mithilfe von HTTP Headers und Middlewares folgt. Es umfasst Funktionen wie CSP (Content Security Policy), Rate-Limiting, XSS-Validierung, CSRF-Schutz und die Konfiguration von Security-Headern. Das Modul wendet sichere Standardeinstellungen an und ermöglicht gleichzeitig eine granulare Anpassung pro Route über routeRules.
2Was ist die Standard-CSP-Direktive für script-src in Nuxt Security?
Was ist die Standard-CSP-Direktive für script-src in Nuxt Security?
Antwort
Die Standard-script-src-Direktive verwendet 'self' (Same-Origin-Skripte), https: (HTTPS-Skripte), 'unsafe-inline' (Inline-Skripte), 'strict-dynamic' (dynamische Skriptautorisierung) und 'nonce-{{nonce}}' (Nonce für Inline-Skripte bei SSR). Diese Kombination schafft ein Gleichgewicht zwischen Sicherheit und Kompatibilität, wobei 'strict-dynamic' für strenge Sicherheit in der Produktion empfohlen wird.
3Was ist ein Nonce im Kontext der Content Security Policy?
Was ist ein Nonce im Kontext der Content Security Policy?
Antwort
Ein Nonce (number used once) ist ein eindeutiges, zufälliges Token, das serverseitig für jede Anfrage generiert und sowohl im CSP-Header als auch in Inline-Script-Tags eingefügt wird. Es erlaubt nur Inline-Skripte mit diesem spezifischen Nonce und blockiert so per XSS injizierte Skripte, die nicht über das korrekte Nonce verfügen. In Nuxt Security ist das Nonce bei SSR standardmäßig mit security.nonce: true und dem Platzhalter 'nonce-{{nonce}}' in script-src aktiviert.
Welcher HTTP-Header schützt vor Clickjacking-Angriffen?
Was ist der Unterschied zwischen SSR und SSG für die Content Security Policy in Nuxt Security?
+17 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-Reaktivität
Nuxt-Grundlagen
Nuxt Data Fetching
Nuxt SSR & SSG
Nuxt Server-Routes
Nuxt-Module
Vue Composables
Vue Formulare & Validierung
Nuxt State Management
Vue-Testing
Nuxt-Deployment & CI/CD
Vue-Performance
Fortgeschrittene Vue-Patterns
TypeScript mit Vue
Nuxt-Authentifizierung
SEO mit Nuxt
Nuxt-Internationalisierung
Vue-Architektur
Vue-Ökosystem
Migration Vue 2→3 & Nuxt 2→3
Meistere Vue.js / Nuxt.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten