vue2项目添加网页小图标及打包后小图标不显示

1、将favicon.ico放在index.html同级目录下，在index.html的head中添加<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico">

2、在webpack.dev.conf.js、webpack..conf.js文件中分别添加favicon: './favicon.ico'，如下图片所示：