मैंने vue-cli का उपयोग कर vue webpack प्रोजेक्ट बनाया है।vue.js वेबपैक प्रोजेक्ट पर favicon.ico को ठीक से कैसे सेट करें?
npm run dev
मैं यह त्रुटि आई:
vue init webpack myproject
और फिर dev मोड के तहत परियोजना भाग गया
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/favicon.ico
तो webpack अंदर, कैसे favicon.ico सही ढंग से आयात करने के लिए?
चेक बाहर webpack टेम्पलेट की परियोजना संरचना: https://vuejs-templates.github.io/webpack/structure.html
नोट एक स्थिर फ़ोल्डर है कि वहाँ node_modules, src के साथ-साथ, आदि
आप static फ़ोल्डर में कुछ छवि रखते हैं, https://vuejs-templates.github.io/webpack/static.html
favicon.png, यह
http://localhost:8080/static/favicon.png
यहाँ पर उपलब्ध करा दिया जाएगा स्थिर संपत्ति के लिए दस्तावेज़ है
अपने फ़ेविकॉन मुद्दे के लिए, यदि आप एक favicon.ico या favicon.pngstatic फ़ोल्डर में आपका index.html की <head> में इस प्रकार डाल दिया और उल्लेख कर सकते हैं:
<head>
<meta charset="utf-8">
<link rel="shortcut icon" type="image/png" href="/static/favicon.png"/>
<title>My Vue.js app</title>
...
</head>
आप अपने index.html में एक favicon.ico को परिभाषित नहीं है, तो ब्राउज़र वेबसाइट रूट (डिफ़ॉल्ट व्यवहार) से फेविकॉन के लिए अनुरोध करेगा। यदि आप ऊपर के रूप में एक फेविकॉन निर्दिष्ट करते हैं, तो आप अब 404 नहीं देख पाएंगे। फेविकॉन भी आपके ब्राउज़र टैब में दिखाना शुरू कर देगा।
favicon.png vs favicon.ico - why should I use PNG instead of ICO?
तुम सिर्फ साइट के रूट में छोड़ने का प्रयास किया है:
एक तरफ ध्यान दें के रूप में, यहाँ कारण है कि मैं पीएनजी पसंद करते हैं ICO फ़ाइल के बजाय है? :) या सार्वजनिक निर्माण फ़ोल्डर में? – Benjamin