vue解决子路由不显示favicon.ico图标

前言

 在vue中添加子路由后，子路由不显示favicon.ico图标，而在其他路由中显示其图标。

解决办法

在vue-cli中build目录中找到webpack.dev.conf.js中更改其对应部分，如下代码：

plugins: [
    
    new HtmlWebpackPlugin({
      filename: 'index.html',
      template: 'index.html',
      inject: true,
      /* 解决vue中使用子路由不显示favicon.ico */
      /* 加载目录下的favicon.ico图标 */
      favicon: path.resolve('./static/img/icon/favicon.ico')
    }),
   
  ]

目录结构