Páginas de errores personalizadas 500.blade.php y 404.blade.php
Podemos personalizar fácilmente páginas como la de 404 o 500 creándose en la siguiente carpeta:
resources/views/errors/
Colocando el nombre del código de estado como nombre de la vista; por ejemplo:
resources/views/errors/404.blade.php
resources/views/errors/500.blade.php
Con contenidos como el siguiente:
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
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
La página de error 500 solamente aparece cuando desactivamos el modo debug en Laravel.
Transcripción del vídeo
Veremos como podemos personalizar las páginas de errores ya sean de tipo 400x o 500x a qué me refiero con bueno básicamente en esto 40x y si me deja 50x, usualmente es error 500 Así que no hay mucho más que hacer ahí con la de 500 sería suficiente pero la de 400 sería 401 402 403 404 y 405 son las que más nos dan entonces posiblemente quieras personalizar esas páginas que es una forma un poco más sencilla que hacer esto que hicimos antes que también podías hacerlo claro esto te da más Control pero otra vez, es para no mostrar el formato que tenemos aquí por defecto cómo hacemos Esto bueno básicamente aquí tenemos que crear la carpeta:
resources/views/errors
Vamos a regresar aquí a la página de resources views errors por aquí voy a crear 404 por ejemplo .blade.php. fijate, que con el hecho de hacer simplemente esto regresamos a alguna que de 404 y no encontrada para ver qué pasó aquí no sé si es porque no tiene nada pero debería de mostrar la página en blanco Ahora sí Ah bueno si le tienes que colocar contenido si no no le gusta y ya con ese hecho ya tienes aquí tu página personalizada que no tiene nada pero la tienes ya lo que coloques aquí depende de ti es decir aquí puedes cargar el estilo componentes lo que tú quieras te buscas í algún buen recurso en internet para que sea bonito para tu página pero es eso básicamente Bueno no sé por qué lo mostré en este formato como si fuera un Jon Ahora sí y aquí la tenemos y lo mismo con la página de error 500, puedes ahí personalizarlo pero por aquí puedes colocar 500.blade.php, para ver esta pagina, debes de cambiar a modo producción; y esto es todo, si quieres personalizar la de 401 simplemente crea una aquí 401.blade.php y así para el resto.
- Andrés Cruz
Este material forma parte de mi curso y libro completo; puedes adquirirlos desde el apartado de libros y/o cursos Curso y Libro Laravel 11 con Tailwind Vue 3, introducción a Jetstream Livewire e Inerta desde cero - 2024.
Desarrollo con Laravel, Django, Flask, CodeIgniter, HTML5, CSS3, MySQL, JavaScript, Vue, Android, iOS, Flutter