Cara Mengatasi Masalah Favicon 'Failed to load resource: the server responded with a status of 404 (Not Found)'

Cara Mengatasi Masalah Favicon Failed to load resource: the server responded with a status of 404 (Not Found) - Favicon.ico adalah file ikon dari sebuah website yang tampil pada bar browser di samping judul artikel kita.

Namun sayangnya hal ini sedikit mengganggu untuk melihat error 404 ini di bagian Console JavaScript (di Chrome).

Masalahnya adalah ketika cache browser kosong dan pengunjung datang, maka akan terjadi:
  • permintaan pengguna URL "/". URL ini adalah cache.
  • browser membuat permintaan untuk "favicon.ico". URL ini menjadi URL baru di mana akan mengarahkan ke atas otentikasi.
  • posting pengguna form login dan diarahkan ke "favicon.ico".

Saya bisa memperbaikinya dengan menempatkan tambahan kode di bawah ini pada bagian kepala <head> HTML template yang digunakan:

<link href='url web kita/favicon.ico' rel='shortcut icon' type='image/x-icon'/>

Saya telah menggunakan kode tambahan tersebut di beberapa template yang saya gunakan. Akan tetapi saya tidak menjamin 100% cocok dengan permasalahan kalian juga. Namun apabila tutorial ini dapat mengatasi masalah kalian juga, saya sangat senang.

Semoga bermanfaat.