How to fix CORS issue with Cloudflare R2 and Laravel Filament / Livewire

Clément Rigo July 22, 2025

Web Development

July 22, 2025

Web Development

How to fix CORS issue with Cloudflare R2 and Laravel Filament / Livewire

Laravel Filament's Media Library plugin use Livewire's upload file javascript to send your file to your cloud disk.

When using Cloudflare R2, you will probably get a CORS error and the upload will get canceled.

In your R2 bucket settings, make sure you update the CORS settings like this :

[
  {
    "AllowedOrigins": [
      "https://yourdomain.com"
    ],
    "AllowedMethods": [
      "GET",
      "POST",
      "PUT"
    ],
    "AllowedHeaders": [
      "*"
    ]
  }
]

Save and retry :)

laravel

cloudflare

filament

about me

I consider myself as an IT Business Artisan. Or Consultant CTO. I'm a self-taught Web Developper, coach and teacher. My main work is helping and guiding digital startups.

more about me

follow me

A weekly email with the latests articles

support my work

Start trading on binance

BTC

bc1qgw9a8hyqqwvcls9ln7vhql4mad0qkveutr2td7
ETH

0x3A720717Da03dB6f3c4a4Ff08BC64100205A79d0

How to fix CORS issue with Cloudflare R2 and Laravel Filament / Livewire

about me

follow me

newsletter

support my work

popular posts

Discourse and Cloudflare : Error on port 443 on installation

How To Convert A Video File To GIF with PHP

Laravel 5 And His F*cking non-persistent App SetLocale

Simple Like System with Laravel 5

The Ultimate Like System For Laravel Thanks To Many to Many Polymorphic Relationships

categories

recent posts

How to fix CORS issue with Cloudflare R2 and Laravel Filament / Livewire

Dragon's Dogma 2 - Pitch Meeting

To grieve deeply is to have loved fully

Introducing Volet: A Laravel Package for User Feedback

Unlimited Ratio on Torrent website with Ratio Master