Páginas de errores personalizadas 500.blade.php y 404.blade.php en Laravel

▶

Ya que conocemos como configurar Vue y Laravel, vamos al siguiente paso.

En Laravel podemos personalizar fácilmente las páginas de error, como las de tipo 404 o 500, creando las vistas correspondientes en la carpeta:

resources/views/errors/

El nombre de la vista debe coincidir con el código de estado HTTP. Por ejemplo:

resources/views/errors/404.blade.php
resources/views/errors/500.blade.php

Ejemplo de página 404

Archivo: resources/views/errors/404.blade.php

@extends('layouts.app')
@section('content')
<div class="container">
   <h1>404 Not Found</h1>
   <p>Sorry, the page you are looking for does not exist.</p>
</div>
@endsection

Ejemplo de página 500

Archivo: resources/views/errors/500.blade.php

@extends('layouts.app')
@section('content')
<div class="error-page">
   <h1>500 Internal Server Error</h1>
   <p>Please try again later.</p>
   <a href="{{ url('/') }}">Go back to the home page</a>
</div>
@endsection

Nota: La página de error 500 solo se muestra cuando el modo debug de Laravel está desactivado.

Resumen

• Podemos personalizar páginas de errores 400x (como 401, 402, 403, 404, 405) y 500x.
• La personalización se hace creando la carpeta resources/views/errors y los archivos correspondientes con el código de estado.
• Con solo crear el archivo, Laravel mostrará esa vista cuando ocurra el error.
• Es importante agregar contenido en la vista, de lo contrario puede aparecer en blanco. Puedes incluir estilos, componentes o cualquier diseño que desees.
• Para ver la página de error 500, debes asegurarte de que Laravel esté en modo producción.
• Para personalizar otros códigos de error, simplemente crea archivos como 401.blade.php, 403.blade.php, etc.
• Con esto, tendrás control total sobre la apariencia de tus páginas de error, evitando mostrar el formato predeterminado de Laravel y mejorando la experiencia del usuario.

El siguiente paso, es conocer como emplear las relaciones polimórficas en Laravel.