Temporary URLs not loading on my mobile device

[Silassiai]

Environment

• Package version: spatie/laravel-medialibrary ^11.17
• Laravel version: 12.x
• PHP version: 8.3
• Storage driver: Cloudflare R2 (S3 compatible via league/flysystem-aws-s3-v3 ^3.0)
• Disk visibility: private

Description

I'm experiencing a strange issue where getTemporaryUrl() generates URLs that work on most devices but fail on my mobile device. Here's the current status across different devices with the same account:

• ✅ Ubuntu Desktop - Works
• ✅ MacBook Pro 1 - Works
• ✅ MacBook Pro 2 - Works now (but initially had the same issue as mobile)
• ✅ Live environment on all devices except my mobile - Works
• ❌ My mobile device (same account and environment) - Does NOT work
• ❌ Mobile on WiFi - Does NOT work
• ❌ Mobile on mobile data - Does NOT work
• ❌ Different browsers on mobile - Does NOT work

Code Example

// ImageResource.php
use Spatie\MediaLibrary\MediaCollections\Models\Media;

public function toArray(Request $request): array
{
    /** @var Media|null $media */
    $media = $this->getFirstMedia();

    return [
        'id' => $this->id,
        'preview' => $media?->getTemporaryUrl(
            expiration: now()->addMinutes(60),
            conversionName: 'preview',
        ),
        'image' => $media?->getTemporaryUrl(
            expiration: now()->addMinutes(60),
        ),
        // ... other fields
    ];
}

Configuration

Filesystem Config (R2 disk)

// config/filesystems.php
'r2' => [
    'driver' => 's3',
    'key' => env('CLOUDFLARE_R2_ACCESS_KEY_ID'),
    'secret' => env('CLOUDFLARE_R2_SECRET_ACCESS_KEY'),
    'region' => 'auto',
    'bucket' => env('CLOUDFLARE_R2_BUCKET'),
    'url' => env('CLOUDFLARE_R2_URL'),
    'visibility' => 'private',
    'endpoint' => env('CLOUDFLARE_R2_ENDPOINT'),
    'use_path_style_endpoint' => env('CLOUDFLARE_R2_USE_PATH_STYLE_ENDPOINT', false),
    'throw' => false,
    'root' => parse_url(env('APP_URL'), PHP_URL_HOST),
],

Media Library Config

// config/media-library.php
'disk_name' => env('MEDIA_DISK', 'public'), // Set to 'r2' in production
'temporary_url_default_lifetime' => env('MEDIA_TEMPORARY_URL_DEFAULT_LIFETIME', 5),

Expected Behavior

Temporary URLs generated by getTemporaryUrl() should load images consistently across all devices and browsers, including mobile phones.

Actual Behavior

• Desktop: Images load immediately without any issues
• Mobile: Images fail to load (XML Access Denied page)
• Same user account, same application, same network (or different networks) - still fails on mobile

Steps to Reproduce

1. Set up Laravel application with Media Library
2. Configure Cloudflare R2 as storage driver with visibility => 'private'
3. Upload media to a model using Media Library
4. Generate temporary URL using getTemporaryUrl(expiration: now()->addMinutes(60))
5. Try accessing the URL from:
   • Desktop browser (works)
   • Mobile browser (fails)

Troubleshooting Attempts

• ✅ Verified the URLs are identical on both desktop and mobile
• ✅ Confirmed it's not a network issue (tried WiFi and mobile data)
• ✅ Tried different browsers on mobile
• ✅ Checked that the expiration time is sufficient (60 minutes)
• ✅ Verified R2 credentials and permissions are correct
• ✅ Tested with fresh browser sessions (incognito mode)
• ✅ Cleared cloudflare and browser cache

Additional Context

This is particularly puzzling because:

1. The same URL works perfectly on most devices (Ubuntu, MacBook Pro 1 & 2) but not on my mobile device
2. It's not browser-specific on mobile (fails on all mobile browsers)
3. It's not network-specific (fails on both WiFi and cellular)
4. The signature should be device-agnostic

Could this be related to:

• Cloudflare R2's handling of mobile requests?
• Signature validation differences on the R2 side based on request origin?
• Browser caching or SSL certificate validation on mobile?

Possible Related Issues

This might be related to how AWS S3 (and by extension R2) generates and validates signed URLs, but I couldn't find any documentation suggesting that mobile devices should be treated differently.