vue项目打包后favicon无法正常显示

vue项目打包后favicon无法正常显示

vue项目打包后favicon无法正常显示，原因可能是由于打包的时候没有配置favicon选项或者favicon路径配置错误。

解决方法：

• 在webpack.prod.config.js中的HtmlWebpackPlugin插件选项中配置favicon选项，其中favicon的路径是个相对路径

...

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  favicon: 'src/assets/img/favicon.ico',
  inject: true
}),

...