让那个该死的图标显示出来

1、最好把favicon.ico放到 index.html放到同一目录（一般为根目录下）

2、在webpack 配置文件里面配置

// 在webpack.dev.conf.js 里面的plugins配置 new HtmlWebpackPlugin({ filename: 'index.html', template: 'index.html', inject: true, favicon: './favicon.ico' //增加这条 }), // 在 webpack.prod.conf.js 里面的plugins也需要配置 // 否则build的打包完成会找不到favicon.ico new HtmlWebpackPlugin({ filename: config.build.index, template: 'index.html', inject: true, favicon: './favicon.ico', //增加这条 minify: { removeComments: true, collapseWhitespace: true, removeAttributeQuotes: true }, chunksSortMode: 'dependency' }),

3、在index.html 中引入图标

<link rel=“shortcut icon” type=“image/x-icon” href="./favicon.ico" />

4、修改完配置文件最好 npm run dev 一下

如果小图标还是没有显示，可尝试清空一下缓存

参考博客

简书-vue 2.0项目 favicon.ico 不显示解决方案