html ico不显示,vue 项目线上环境 出现 favicon.ico 不显示 怎么办

vue 项目线上环境 出现 favicon.ico 不显示 怎么办？

一直提示报错： GET HTTP: xxx.xxxx.xxx.xxx:8080/favicon.ico 404 (Not Found);总之是没找到这个文件；

一打包之后，favicon.ico 这个文件就不见了，问题肯定出现在webpack输出配置中；

所以从两方面入手：

第一步： 修改webpack配置；

同时在 webpack.dev.conf.js 和 webpack.prod.conf.js 中同时添加 favicon: './favicon.ico';

如果你的相关配置是在 utils.js 中  那么改一次就行了；

// 在 plugins配置

new HtmlWebpackPlugin({

filename: 'index.html',

template: 'index.html',

inject: true,

favicon: './favicon.ico' //增加这条

})

第二步： 修改index.html；

在header中添加，要注意 favicon.ico 的路径  不要写错了；

至此，发版，强刷，大功告成；