Mahmoud Al-HabashOpen to new projects
  • WorkWork
  • ServicesServices
  • LabLab
  • WritingWriting
  • ContactContact
Amman--:--عربي
Writing/Livewire

CSP-Safe Mode in Livewire v4

Enable Content Security Policy compliance in Livewire.

1 February 20261 min readLivewireاقرأ بالعربية

On this page

  1. Enable CSP Mode
  2. What It Does
  3. Limitations
  4. Alternative

Livewire v4 adds CSP-safe mode to avoid unsafe-eval violations.

Enable CSP Mode

php
// config/livewire.php
'csp_safe' => true,

What It Does

- Uses Alpine CSP build
- Avoids inline JavaScript evaluation
- Compliant with strict CSP headers

Limitations

blade
<!-- These won't work in CSP mode -->
wire:click="addToCart($event.detail.productId)"
wire:click="redirect(window.location)"

Alternative

php
// Use method parameters instead
public function addToCart(int $productId): void
{
    // ...
}
All articles

Keep reading

  • Authorization in Livewire v4 Components1 February 20261 min read
  • Blaze Pre-Compiler: Massive Performance Gains in Livewire v41 February 20261 min read
  • Building a Bookmark Feature with Livewire v41 February 20261 min read