问题：

在页面源文件index.html的标签之间插入

<link rel="shortcut icon" href=" /favicon.ico" /> 

仍旧无法加载图标

解决方法：

HtmlWebpackPlugin插件中加入小图标，Vue脚手架时修改webpack.dev.conf.js配置文件：

new HtmlWebpackPlugin({
  filename: 'index.html',
  template: 'index.html',
  favicon: './favicon.ico', // 添加小图标
  inject: true
}),

不要忘记webpack.prod.conf.js中也需要添加

注：( favicon.ico放入根目录。)