419 Csrf Token Mismatch Laravel

6 min read Jul 01, 2024

419 CSRF Token Mismatch di Laravel: Penyebab dan Solusi

Kesalahan "419 CSRF Token Mismatch" sering muncul saat menggunakan framework Laravel. Kesalahan ini menunjukkan bahwa token CSRF (Cross-Site Request Forgery) yang dikirimkan oleh browser Anda tidak cocok dengan token yang diharapkan oleh server. Artikel ini akan membahas penyebab utama kesalahan ini dan bagaimana cara mengatasinya.

Apa itu CSRF?

CSRF adalah serangan keamanan yang memungkinkan penyerang untuk mengeksekusi tindakan yang tidak diinginkan melalui akun pengguna yang telah masuk. Misalnya, penyerang dapat mengirim permintaan ke server yang akan menghapus data pengguna, mengubah pengaturan, atau melakukan tindakan sensitif lainnya tanpa sepengetahuan pengguna.

Cara Kerja CSRF Token di Laravel

Laravel menggunakan token CSRF untuk melindungi aplikasi dari serangan CSRF. Ketika pengguna mengakses halaman web di aplikasi Laravel, server akan menghasilkan token CSRF unik dan menyimpannya dalam session pengguna. Token ini juga disertakan dalam formulir HTML.

Saat pengguna mengirimkan formulir, browser akan menyertakan token CSRF dalam permintaan ke server. Server kemudian akan memverifikasi token yang dikirimkan dengan token yang disimpan dalam session pengguna. Jika token cocok, permintaan tersebut akan diproses. Jika tidak cocok, server akan memicu kesalahan "419 CSRF Token Mismatch".

Penyebab Kesalahan "419 CSRF Token Mismatch"

Berikut beberapa penyebab umum kesalahan ini:

Session expired: Jika session pengguna kedaluwarsa, token CSRF yang disimpan dalam session juga akan kedaluwarsa dan tidak akan cocok dengan token yang dikirimkan oleh browser.
Cache: Cache browser atau server dapat menyimpan versi lama dari token CSRF, yang mengakibatkan ketidakcocokan.
Multiple tabs: Jika pengguna membuka beberapa tab browser dan melakukan tindakan yang sama di tab yang berbeda, token CSRF di setiap tab mungkin berbeda, menyebabkan kesalahan di tab lainnya.
CORS: Jika aplikasi Laravel diakses dari domain lain (misalnya, API), token CSRF mungkin tidak dikirimkan dengan benar karena masalah CORS (Cross-Origin Resource Sharing).
CSRF protection disabled: Jika CSRF protection dinonaktifkan di aplikasi Laravel, kesalahan ini akan muncul karena token tidak diverifikasi.

Solusi untuk Kesalahan "419 CSRF Token Mismatch"

Berikut adalah beberapa solusi yang dapat Anda coba untuk mengatasi kesalahan ini:

Refresh halaman: Cobalah untuk me-refresh halaman web untuk mendapatkan token CSRF yang baru.
Clear cache: Bersihkan cache browser dan server untuk memastikan bahwa versi lama dari token CSRF tidak lagi disimpan.
Clear session: Hapus session pengguna untuk mendapatkan token CSRF baru.
Check CORS configuration: Periksa pengaturan CORS untuk memastikan bahwa token CSRF dikirimkan dengan benar dari domain lain.
Enable CSRF protection: Pastikan CSRF protection diaktifkan di aplikasi Laravel.

Menggunakan Blade Directive

Dalam template Blade Laravel, Anda dapat menggunakan directive @csrf untuk menambahkan token CSRF ke dalam formulir. Directive ini secara otomatis akan menambahkan input tersembunyi dengan nama _token dan nilainya adalah token CSRF yang dihasilkan oleh Laravel.


  @csrf

Mengirim Token CSRF dengan Header

Anda juga dapat mengirimkan token CSRF melalui header permintaan HTTP. Ini berguna saat melakukan permintaan AJAX atau saat Anda tidak menggunakan formulir HTML standar.

$.ajax({
  url: "/users",
  method: "POST",
  data: {
    // data form
  },
  headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  },
  success: function(response) {
    // Success handler
  },
  error: function(error) {
    // Error handler
  }
});

Mengatur Token CSRF dalam Session

Anda dapat mengatur token CSRF dalam session dengan menggunakan fungsi csrf_token() yang disediakan oleh Laravel. Ini berguna saat Anda ingin mendapatkan token CSRF di luar konteks formulir HTML.

// Controller
use Illuminate\Support\Facades\Session;

public function store(Request $request)
{
  // ...

  $token = Session::token(); // Get token from session

  // ...
}

Penjelasan Lebih Lanjut

Pastikan untuk memahami penyebab kesalahan "419 CSRF Token Mismatch" dan solusi yang sesuai untuk menyelesaikannya. Jika Anda menghadapi masalah yang persisten, Anda dapat mempelajari lebih lanjut tentang CSRF token di dokumentasi resmi Laravel .