How to Create Friendly Laravel Error Pages with Custom Debug Handling

By default Laravel shows unfriendly error pages whether debug mode is on or off.

When debug is enabled the error page looks like the following:

When debug is disabled the error page looks like this:

You can customize the response by editing app/Exceptions/Handler.php and overriding the render method.

public function render($request, Exception $e)
{
    $debug = config('app.debug', false);
    if (empty($debug)) {
        // When debug is false, return a friendly page
        return response()->view('errors.503', ['info' => '好像走错了','url'=>'/']);
    }
    if ($e instanceof ModelNotFoundException) {
        $e = new NotFoundHttpException($e->getMessage(), $e);
    }
    return parent::render($request, $e);
}

The view errors/503.blade.php can contain a script that redirects after three seconds:

<script>
setTimeout(function(){
    window.location.href="{{$url or '/'}}";
},3000)
</script>

This ensures that any error will be displayed on a custom friendly page, showing a message and automatically redirecting after a short delay, which can be further styled for better user experience.