vue-cli kullanarak vue webpack projesini oluşturdum.vue.js webpack projesinde favicon.ico nasıl ayarlanır?
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/favicon.ico
Yani WebPack içinde nasıl doğru favicon.ico ithal etmek:
npm run dev
bu hata var:
vue init webpack myproject
Sonra dev modunda projeyi ran?
Kontrol dışarı webpack şablonunun Proje Yapısı: https://vuejs-templates.github.io/webpack/structure.html vb node_modules, src birlikte statik klasör olduğu
Not
Eğer static klasöre bazı görüntü koyarsanız, https://vuejs-templates.github.io/webpack/static.html
favicon.png gibi,
http://localhost:8080/static/favicon.png İşte
de sunulacağı statik varlıklar için belgelerdir
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/png" href="/static/favicon.png"/>
<title>My Vue.js app</title>
...
</head>
Eğer senin index.html bir favicon.ico tanımlamak yoksa, şu şekildedir:
senin favori simge sorun için size index.html 'nin <head> yılında static klasöre bir favicon.ico veya favicon.png koyup başvurabilir daha sonra tarayıcı web sitesinin kökünden bir favicon isteyecektir (varsayılan davranış). Yukarıdaki gibi bir favicon belirtirseniz, artık 404'ü görmeyeceksiniz. Favicon da tarayıcı sekmelerinizde görünmeye başlayacaktır.
favicon.png vs favicon.ico - why should I use PNG instead of ICO?
sadece sitenin kök içine bırakarak denediniz: Bir yan not olarak
, burada yerine ICO dosyasının PNG tercih nedenidir? :) Ya da kamu oluşturma klasöründe? – Benjamin