如何在 laravel livewire 中自定義超時 504 錯誤頁面？

Question

我正在使用 laravel 9 和 livewire v2。 當發生超時錯誤時，它當前顯示帶有黑色文本的深灰色模式，如圖所示，幾乎無法閱讀。

我已經使用 laravel 文檔成功自定義了其他錯誤，例如 404、500 等。 但是，這似乎不適用於 504。

如何自定義此視圖？

Answer 1

該頁面本身不是來自 Laravel，而是 Nginx 錯誤頁面。 您可以在 Nginx 配置中對此進行自定義，但最簡單的方法是攔截來自 Livewire 請求的錯誤回調的響應。

當您使用Livewire.onError JavaScript 掛鈎時，您必須return false以防止 Livewire 的默認行為。

注冊 Livewire 后，將以下 JavaScript 放在頁面上的某個位置，然后修改里面的操作以執行適合您的任何操作。

Livewire.onError((message, statusCode) => {
    if (statusCode == 504) {
        // Handle the timeout here, then return false
        return false;
    }
});