Mengatasi Error: Failed to Load Resource (404 Not Found) di Laravel

Laravel adalah framework PHP yang sangat populer karena struktur dan fiturnya yang elegan. Namun, terkadang pengembang menghadapi pesan error seperti:

Failed to load resource: the server responded with a status of 404 (Not Found)

1. Arti Error “404 Not Found”

Error ini berarti browser meminta sebuah resource (seperti file JavaScript, CSS, gambar, atau route tertentu), tetapi server Laravel tidak dapat menemukannya. Dalam konteks Laravel, masalah ini biasanya bukan pada server fisik, tetapi pada konfigurasi route atau path file publik yang salah.

2. Penyebab Umum

3. Solusi Umum untuk Mengatasinya

a. Pastikan File Asset Tersedia

Jika error berasal dari file seperti app.js atau style.css, pastikan file tersebut benar-benar ada di folder public/js atau public/css.

Contoh penggunaan benar di Blade:

<script src="{{ asset('js/app.js') }}"></script>
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
  

b. Cek File .htaccess

Jika kamu menggunakan Apache, pastikan file .htaccess di folder public/ masih ada. Laravel menggunakan file ini untuk mengarahkan semua request ke index.php.

💡 Jika kamu melihat 404 saat mencoba mengakses route seperti /dashboard, berarti Apache tidak membaca .htaccess. Aktifkan mod_rewrite di server.

c. Cek Route di web.php

Pastikan route yang kamu akses memang ada:

// routes/web.php
Route::get('/dashboard', function () {
    return view('dashboard');
});
  

Jika belum, Laravel akan otomatis menampilkan error 404 karena tidak tahu harus ke mana.

d. Pastikan Base URL Benar (Untuk File JS/CSS)

Di file Blade, jangan gunakan path relatif seperti src="/js/app.js". Gunakan helper asset() agar Laravel menghasilkan URL yang sesuai domain.

<script src="{{ asset('js/app.js') }}"></script>
  

e. Jalankan Perintah Artisan

Beberapa error 404 muncul karena cache konfigurasi lama. Jalankan perintah ini di terminal proyek Laravel:

php artisan route:clear
php artisan config:clear
php artisan cache:clear
php artisan view:clear
  

4. Catatan Khusus untuk Hosting

Jika kamu mengunggah proyek Laravel ke shared hosting, pastikan isi folder public/ dipindahkan ke public_html/, lalu ubah path file di index.php seperti ini:

require __DIR__.'/../vendor/autoload.php';
$app = require_once __DIR__.'/../bootstrap/app.php';
  

Sesuaikan path agar file autoload.php bisa ditemukan dengan benar.

5. Kesimpulan

Error “Failed to load resource: the server responded with a status of 404 (Not Found)” di Laravel biasanya bukan masalah server, melainkan kesalahan kecil pada penempatan file atau pengaturan route. Dengan memeriksa asset(), .htaccess, dan route, masalah ini bisa diselesaikan dengan cepat.

📚 Rujukan & Sumber

• Laravel Official Documentation: https://laravel.com/docs
• Stack Overflow: Laravel Failed to Load Resource Error
• DigitalOcean Tutorials: Laravel Deployment Guides