在 Laravel 8 中创建自定义错误页面

在 Laravel 中，标准的错误页面看起来有点难看。在这篇教程中，我将向您展示如何自定义错误页面。幸运的是，在 Laravel 8 中，这非常简单。今天，我们将为 404、500 和 503 错误创建自定义错误页面！

第一步是为服务器可以提供的每个错误响应创建一个 blade 文件。在 resources/views/errors 文件夹中放置以下文件：

404.blade.php

@extends('front.layouts.error', [
    'title' => 'Hello, is it me youre looking for?',
    'errorCode' => '404',
    'homeLink' => true,
])

500.blade.php

@extends('front.layouts.error', [
    'title' => 'Server error',
    'errorCode' => '500',
    'homeLink' => false,
])

503.blade.php

@extends('front.layouts.error', [
    'title' => 'Be right back',
    'errorCode' => '503',
    'homeLink' => false,
])

Laravel 会自动检测这些文件，并用错误消息替换默认错误页。如您在以上代码中看到的，这些文件扩展了 front.layouts.error 页面。在 resources/views/errors 文件夹中添加此文件，并添加以下代码：

...
<div class="flex justify-center max-w-5xl min-h-screen pb-16 mx-auto">
  <div class="leading-none text-center text-black md:text-left">
		  <h1 class="mb-2 text-5xl font-extrabold">{{ $errorCode }}</h1>
				<p class="text-xl text-gray-900">
						@isset($title)
								{{ $title }}
						@else
								Hello, is it me you're looking for?
						@endisset

						@if($homeLink ?? false)
								<a href="{{ url('/') }}" class="font-bold underline transition duration-300 hover:text-blue-600">Go home</a>
						@endif
				</p>
		</div>
</div>
...

以下代码是一个实现示例，请随时根据您的喜好进行自定义！

好了，您现在已经在 Laravel 中创建了自定义的 400、500 和 503 错误消息！希望您喜欢这个小教程。如果您有任何问题，请通过 Twitter 联系我！