如何为React Native应用配置Laravel HTTP图片缓存控制头

优先推荐使用方案1处理公共可访问的图片，性能更高，不需要占用Laravel的处理资源。

方案1：公共静态图片（走web服务器直接返回） #

如果你的图片是存放在storage/app/public目录，并且已经执行php artisan storage:link映射到了public/storage目录，这类静态资源默认由web服务器（Nginx/Apache）直接返回，不需要经过Laravel处理，直接在web服务器配置中添加缓存头即可：

• Nginx配置，在站点的server块中添加如下规则：

location ~* \.(jpg|jpeg|png|gif|ico|svg|webp)$ {
    expires 365d;
    add_header Cache-Control "public, max-age=31536000, immutable";
}

• Apache配置，在public目录下的.htaccess文件中添加如下规则：

<FilesMatch "\.(jpg|jpeg|png|gif|ico|svg|webp)$">
    Header set Cache-Control "public, max-age=31536000, immutable"
</FilesMatch>

示例中max-age值为31536000秒，对应1年缓存时长，可根据业务需求自行调整

方案2：私有受限图片（走Laravel路由返回） #

如果你的图片存放在非公开目录，需要经过权限校验才能访问，就需要走Laravel路由处理返回，两种常用写法都支持自定义缓存头：

1. 用response()->file()返回本地存储的文件

// routes/web.php
Route::get('/private-images/{path}', function (string $path) {
    // 自定义权限校验逻辑，比如判断用户是否有权限访问该资源
    if (!auth()->check()) {
        abort(403);
    }
    $fullPath = storage_path('app/private/'.$path);
    if (!file_exists($fullPath)) {
        abort(404);
    }
    return response()->file($fullPath, [
        'Cache-Control' => 'public, max-age=86400',
        'Content-Type' => mime_content_type($fullPath)
    ]);
})->where('path', '.*');

2. 用Storage::response()返回（兼容S3等第三方存储驱动）

// routes/web.php
use Illuminate\Support\Facades\Storage;

Route::get('/private-images/{path}', function (string $path) {
    // 自定义权限校验逻辑
    if (!auth()->check()) {
        abort(403);
    }
    if (!Storage::exists('private/'.$path)) {
        abort(404);
    }
    return Storage::response('private/'.$path, null, [
        'Cache-Control' => 'public, max-age=86400'
    ]);
})->where('path', '.*');

示例中max-age值为86400秒，对应1天缓存时长，可根据业务需求自行调整

内容的提问来源于stack exchange，提问作者Berat