Vue.js - Vue 2.0 项目 favicon.ico 不显示解决方案

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 中引入代码

 

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

如果这样小图标还是没有显示，最好 清空一些缓存~