Halo sob! Sebelum saya membahas mengenai Custom Page Error 404 Laravel saya mau ngucapin terimakasih dulu nih buat yang udah jadi visitor setia nya gilacoding dan memberikan respon yang baik di comment website maupun inbox di fb saya :D
Okedeh langsung saja cara nya simple tapi sangat berguna jika aplikasi kita nantinya akan di buka oleh user. Kan ga enak kalau user coba buka halaman yang tidak ditemukan dan hasilnya seperti ini :
Lebih enak kan gini :
Gimana? Yuk, Coba sobat ke app/Exception/Handler.php
, dan paste script ini di method render
:
if($e instanceof NotFoundHttpException)
{
return response()->view('errors.404', [], 404);
}
Jangan lupa untuk menambahkan use
nya ini di atas ya (biasa banyak yang inbox saya error, karena lupa nambahin use nya :p)
use Symfony\Component\HttpKernel\Exception\NotFoundHttpException;
Script method render
jadi nya gini :
Disitu terdapat return response()->view('errors.404', [], 404);
, dia akan menampilkan view di folder errors lalu ke 404.blade.php
, karena belum ada view nya silahkan dibuat dulu view nya di resources/views/errors
beri nama 404.blade.php
,
Isinya terserah, contoh seperti ini :
<!DOCTYPE html>
<html>
<head>
<title>Page Not Found.</title>
<link href="https://fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css">
<style>
html, body {
height: 100%;
}
body {
margin: 0;
padding: 0;
width: 100%;
color: #B0BEC5;
display: table;
font-weight: 100;
font-family: 'Lato';
}
.container {
text-align: center;
display: table-cell;
vertical-align: middle;
}
.content {
text-align: center;
display: inline-block;
}
.title {
font-size: 72px;
margin-bottom: 40px;
}
</style>
</head>
<body>
<div class="container">
<div class="content">
<div class="title">Oops.. Halaman tidak ditemukan.</div>
</div>
</div>
</body>
</html>
Jika sudah saya coba memanggil http://localhost:8000/hemo harusnya kan http://localhost:8000/home dan hasilnya :
Berhasil deh! :D Jika ingin lebih menarik sobat bisa buat design nya di photoshop dengan icon – icon apa saja atau dengan menggunakan css saja biar lebih ringan.
Okedeh sedikit saja tutorial nya, mohon maaf jika terdapat kesalahan dalam coding maupun kata.
Jangan lupa di share ya sob.
Terimakasih.