January 7, 2025 netlify vue

Cara Mengatasi 404 Di Vue Router Yang Dideploy Di Netlify

Masalah 404 pada halaman Vue Router yang dideploy di Netlify terjadi karena Netlify tidak secara otomatis mengarahkan semua halaman ke file index.html.

Agar Vue Router dapat berfungsi dengan benar, setiap halaman harus diarahkan ke file index.html.

Untuk mengatasinya buatlah rewrite proxy di Netlify dengan langkah berikut:

  1. Buat file bernama _redirects di direktori public pada project Vue.
  2. Isi file tersebut dengan kode bawah ini.
/*    /index.html    200

Dengan menambahkan rewrite proxy ini, setiap halaman project yang diakses di Netlify akan diarahkan ke file index.html, sehingga Vue Router dapat berfungsi dengan benar.

Pastikan file _redirects disertakan dalam root project ketika project dibuild, misalnya di direktori public.

Sumber : https://docs.netlify.com/routing/redirects/rewrites-proxies