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

1.最好把图标与index.html放入同一级
2.在build文件夹下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