laravel靜態(tài)文件如何緩存清除

本篇內(nèi)容介紹了“l(fā)aravel靜態(tài)文件如何緩存清除”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

原理

首先，讓我們看看瀏覽器如何緩存靜態(tài)文件。瀏覽器會為發(fā)起的靜態(tài)文件請求創(chuàng)建一個標識符 (ETag)，然后將此標識符與靜態(tài)文件一起保存到緩存中。每次瀏覽器再次請求相同的文件時，它將向服務器發(fā)送該文件的標識符，并使用該標識符驗證緩存。如果標識符匹配，瀏覽器將從緩存中提取文件。

雖然瀏覽器緩存是在用戶電腦本地完成的，但在 Laravel 應用程序中，我們可以通過更改靜態(tài)文件的 URL 或添加其它查詢參數(shù)來干擾瀏覽器緩存。這意味著每次修改靜態(tài)文件時，我們可以更改其 URL 或添加查詢參數(shù)，以確保瀏覽器會獲取新的文件，而不是使用緩存的舊文件。

接下來，我們將看到如何實現(xiàn)這一目標。

Laravel 靜態(tài)文件緩存清除方法

方法一：手動更改 URL 或添加查詢參數(shù)

手動更改靜態(tài)文件的 URL 或添加查詢參數(shù)是一種簡單的緩存清除方法。例如，我們可以在引用 CSS 文件時，將其 URL 更改為：

<link rel="stylesheet" href="style.css?v=1">

這會告訴瀏覽器請求該文件時，添加 ?v=1 作為查詢參數(shù)。如果我們想更新文件，可以將查詢參數(shù)更改為 ?v=2 或任何其他值。每次修改文件時，都需要更新 URL 或添加新的查詢參數(shù)。

盡管這種方法相對簡單，但需要手動更新每個文件的 URL 或添加查詢參數(shù)，非常費時費力。

方法二：使用 Mix 和版本控制

Laravel Mix 是 Laravel 的一個前端構(gòu)建工具，它允許您使用許多流行的前端工具來編譯、壓縮和打包 CSS、JavaScript、圖片和字體等文件。Mix 可以幫助您自動生成靜態(tài)文件 URL，并在每次構(gòu)建時更改版本號，以確保瀏覽器獲取最新的文件。

要使用 Mix，我們需要先安裝 Laravel Mix：

npm install laravel-mix --save-dev

然后，在 webpack.mix.js 文件中定義靜態(tài)文件和版本：

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .version();

運行 npm run dev 或 npm run prod 可以生成具有版本號的文件。例如，如果我們編譯 app.css 文件，它將生成 app.css?id=48d24b 文件，其中 48d24b 是文件的哈希值。每次修改文件時，Laravel Mix 將使用新的哈希值生成新的版本。

要在 HTML 文件中使用 Mix 生成的靜態(tài)文件 URL，可以使用以下代碼：

<link rel="stylesheet" href="{{ mix('css/app.css') }}">

這會自動將文件名轉(zhuǎn)換為帶有版本號的文件名。例如，如果我們運行 npm run prod，則上面的代碼將生成以下結(jié)果：

<link rel="stylesheet" href="/css/app.css?id=48d24b">

通過使用 Laravel Mix，我們無需手動更改文件的 URL 或添加查詢參數(shù)。Laravel Mix 將自動為我們生成新的版本號，并更改靜態(tài)文件的 URL。

方法三：使用緩存清除中間件

Laravel 緩存清除中間件允許我們在每次請求時清除瀏覽器緩存。要使用緩存清除中間件，我們可以在 app/Http/Middleware/CacheControl.php 中創(chuàng)建以下代碼：

<?php

namespace App\Http\Middleware;

use Closure;

class CacheControl
{
    public function handle($request, Closure $next)
    {
        $response = $next($request);

        $response->header('Cache-Control', 'nocache, no-store, max-age=0, must-revalidate');
        $response->header('Pragma', 'no-cache');
        $response->header('Expires', 'Fri, 01 Jan 1990 00:00:00 GMT');

        return $response;
    }
}

然后，在 app/Http/Kernel.php 中注冊中間件：

protected $middleware = [
    // ...
    \App\Http\Middleware\CacheControl::class,
];

現(xiàn)在，每次瀏覽器請求靜態(tài)文件時，它將向服務器發(fā)送一個新的請求，而不是使用緩存，確保我們始終獲得最新的文件。

“l(fā)aravel靜態(tài)文件如何緩存清除”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！