Cara Custom Error Page di Laravel 9

Saya akan menjelaskan tutorial langkah demi langkah cara membuat halaman kesalahan kustom di laravel 9. Kami akan menggunakan cara membuat halaman 404 kustom di laravel 9. Anda dapat melihat di laravel 9 membuat halaman kesalahan kustom. jika Anda ingin melihat contoh halaman error laravel 9 404 maka Anda berada di tempat yang tepat.

Secara default, laravel menyediakan desain yang sangat sederhana untuk semua halaman kesalahan, tetapi terkadang kita perlu membuat halaman kesalahan khusus dengan tema desain kita. jadi di sini saya akan menunjukkan kepada Anda langkah demi langkah cara membuat halaman kesalahan kustom Anda sendiri di aplikasi laravel 9.

Anda dapat membuat halaman kesalahan berikut di laravel 9:

401 Halaman Kesalahan
403 Halaman Kesalahan
404 Halaman Kesalahan
419 Halaman Kesalahan
429 Halaman Kesalahan
500 Halaman Kesalahan
503 Halaman Kesalahan

Mari kita lihat cara menyesuaikan desain halaman kesalahan di aplikasi laravel 9.

Step 1: Publish Error Page Default Files

Pada langkah ini, kita akan menjalankan perintah laravel untuk

membuat file blade halaman kesalahan default. ketika Anda menjalankan perintah di bawah ini maka laravel akan membuat direktori "kesalahan" dengan semua halaman kesalahan di folder tampilan. jadi, mari kita jalankan perintah di bawah ini:

php artisan vendor:publish --tag=laravel-errors

Step 2: Update 404 Error Page Design

Anda dapat memperbarui desain halaman error 404 dengan kode berikut:

view/errors/404.blade.php

<!DOCTYPE html>
<html lang="en">
<head>
    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        body{
          margin-top: 150px;
          background-color: #C4CCD9;
        }
        .error-main{
          background-color: #fff;
          box-shadow: 0px 10px 10px -10px #5D6572;
        }
        .error-main h1{
          font-weight: bold;
          color: #444444;
          font-size: 150px;
          text-shadow: 2px 4px 5px #6E6E6E;
        }
        .error-main h6{
          color: #42494F;
          font-size: 20px;
        }
        .error-main p{
          color: #9897A0;
          font-size: 15px; 
        }
    </style>
</head>
<body>
  
    <div class="container">
      <div class="row text-center">
        <div class="col-lg-6 offset-lg-3 col-sm-6 offset-sm-3 col-12 p-3 error-main">
          <div class="row">
            <div class="col-lg-8 col-12 col-sm-10 offset-lg-2 offset-sm-1">
              <h1 class="m-0">404</h1>
              <h6>Page not found - Medikre.com</h6>
              <p>Lorem ipsum dolor sit <span class="text-info">amet</span>, consectetur <span class="text-info">adipisicing</span> elit, sed do eiusmod.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
      
</body>
</html>

Semua langkah yang diperlukan telah dilakukan, sekarang Anda harus mengetikkan perintah yang diberikan di bawah ini dan tekan enter untuk menjalankan aplikasi Laravel:

php artisan serve

Sekarang, Buka browser web Anda, ketik URL yang diberikan dan lihat output aplikasi:

http://localhost:8000/asasas

Saya harap ini dapat membantu Anda ...

tutorial laravel laravel 9 laravel