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 的路径  不要写错了；

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

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