在使用vue脚手架时为什么不能加载favicon.ico图标

你是怎么写的？ favicon.ico 图片有两种情况，一种是直接把图标文件放在站点根目录下，这种情况下页面中不需要写任何内容，支持ico图标的浏览器会自动读取到。

一种是图标文件不在根目录，而是在特定的文件夹下，这种情况需要使用 link 标签来引入，href 属性中写路径地址。

如果你使用的是第二种情况的话，使用 vue 脚手架生成项目之后，手动修改一下 index.html 文件，把 link 标签加上应该就没问题了。

第1步：将图标重命名为“favicon.ico”，并放在项目 根目录 下。

第2步：然后在index.html中引入，title中修改页面标题。

第3步：分别修改build文件夹下 webpack .dev.conf.js和webpack.prod.conf.js文件中的内容。

第五步：重新npm run server 看效果

---