419 Unknown Status Laravel Ajax Post

MUAZHAN

4 min read

·

Jul 01, 2024

36

Share

419 Unknown Status: Menangani Kesalahan Laravel Ajax Post

Dalam pengembangan web menggunakan Laravel, Anda mungkin pernah menemukan kesalahan 419 Unknown Status saat melakukan permintaan Ajax POST. Kesalahan ini menunjukkan bahwa server menerima permintaan tetapi menolaknya karena alasan keamanan. Biasanya terjadi saat token CSRF (Cross-Site Request Forgery) tidak valid.

Memahami Token CSRF

CSRF merupakan serangan keamanan yang memungkinkan penyerang untuk mengeksekusi tindakan tanpa sepengetahuan pengguna. Laravel melindungi aplikasi dari serangan ini dengan menggunakan token CSRF. Setiap permintaan dari browser pengguna harus menyertakan token CSRF yang valid untuk divalidasi oleh server.

Penyebab Umum Kesalahan 419

Berikut beberapa penyebab umum kesalahan 419:

• Token CSRF tidak valid: Token CSRF mungkin telah kedaluwarsa, hilang, atau tidak sesuai dengan yang diharapkan server.
• CSRF Middleware tidak diaktifkan: Pastikan middleware CSRF diaktifkan di app/Http/Kernel.php.
• Token CSRF tidak disertakan dalam permintaan Ajax: Pastikan token CSRF disertakan dalam header permintaan atau data POST.
• Token CSRF tidak tersedia di frontend: Pastikan token CSRF tersedia di frontend (misalnya, melalui meta tag atau variable Javascript).

Cara Mengatasi Kesalahan 419

Berikut beberapa langkah untuk mengatasi kesalahan 419:

1. Verifikasi CSRF Middleware:

   • Buka file app/Http/Kernel.php dan pastikan middleware \App\Http\Middleware\VerifyCsrfToken ada dalam array $middleware dan tidak dalam array $middlewareGroups.

2. Pastikan Token CSRF Tersedia di Frontend:

   • Anda dapat memperoleh token CSRF melalui meta tag yang disediakan oleh Laravel:
   • Gunakan JavaScript untuk mendapatkan token dan simpan dalam variabel:

   const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');
   

3. Kirimkan Token CSRF dalam Permintaan Ajax:

   • Sertakan token CSRF dalam header permintaan:

   $.ajax({
       url: '/your-route',
       type: 'POST',
       data: {
           // Data Anda
       },
       headers: {
           'X-CSRF-TOKEN': csrfToken 
       },
       success: function (response) {
           // ...
       },
       error: function (error) {
           // ...
       }
   });
   

   • Atau, sertakan token CSRF sebagai parameter POST:

   $.ajax({
       url: '/your-route',
       type: 'POST',
       data: {
           _token: csrfToken, 
           // Data Anda
       },
       success: function (response) {
           // ...
       },
       error: function (error) {
           // ...
       }
   });
   

Kesimpulan

Kesalahan 419 Unknown Status biasanya disebabkan oleh token CSRF yang tidak valid. Dengan memahami konsep CSRF dan mengikuti langkah-langkah di atas, Anda dapat mengatasi kesalahan ini dan memastikan aplikasi Laravel Anda terlindungi dari serangan CSRF.