求助：vue-cli搭建的项目ico怎么显示啊

Question

ico就是小图标：

我查了网上的一些类似的问题：

1.用vue-cli脚手架搭建的项目，网站要求设置ico，也是放在根目录下
2.html里面写了正确的link标签
3.我现在还是本地开发
但就是不显示啊！！！！
反而还报错

Answer 1

1：把favicon.ico放在static目录下，如下图

2：在index.html中加入<link rel="shortcut icon" href="./static/favicon.ico" >（打包后会自动加入）

Answer 2

你或者需要稍微深的了解下webpack打包...
vue-cli项目的路径都是被处理过的。vue-cli新建的项目有个App.vue吧，里面有个图片是./assets/logo.png。同样你要使用图标的话也要放在asserts文件夹下，同时href为./asserts/favion.ico。

可能你觉得这会很稀奇，但是实际上你的文件是.Vue，浏览器肯定识别不了，webpack就对它做了处理，而过程是读取字符串再输入出html，那么在这个过程中发生什么都不奇怪了。

Answer 3

你这个是html-webpack-plugin的属性，看下demo就知道了 https://github.com/jantimon/h... favicon的值基于html的

Answer 4

这个问题我并没有解决~（以前的解决办法发现线上无效）