本文主要是介绍vue项目报favicon.ico错误，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
vue项目报favicon.ico错误，
/favicon.ico:1 GET http://localhost/favicon.ico net::ERR_CONNECTION_REFUSED
vite中创建vue的index.html代码是：
<!doctype html>
<html lang="en"><head><meta charset="UTF-8" /><link rel="icon" type="image/svg+xml" href="vite.svg" sizes="any"/><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Vite + Vue</title></head><body><div id="app"></div><script type="module" src="/src/main.js"></script></body>
</html>
发现没有favicon.ico的常规代码，一般是：
<link rel="icon" href="./favicon.ico" type="image/x-icon">这个需要到专门的在线制作ico图标的网站，将图片转换成ico图片。
而vue中使用svg文件，可以直接显示的。用chrome浏览器，就能正常显示。所以，出现这个问题，没有使用最新版的chrome浏览器，用最新的chrome浏览器就可以识别svg图形文件。
这篇关于vue项目报favicon.ico错误的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
