在vue中添加ico圖標

准備：添加 ico圖標在與index.html同級的目錄

1. 第一種方法：

   在index.html中引入：

   <link rel="shortcuticon" type="image/x-icon" href="./favicon.ico" /> 
   

2. 第二種方法

   在webpack.dev.conf.js 和 webpack.prop.conf.js 目錄找到plugins的new HtmlWebpackPlugin中添加

   favicon: './favicon.ico'

   效果如下：

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

   第二種方法的基礎上還是無法顯示，可以在webpack.prod.conf.js的相同位置添加favicon: './favicon.ico'

   3 . 一般兩種方法擇其一就好，修改配置之后要重新run 一下，查看網頁源代碼有配置ico的代碼就對了；如果一直不對的話，清緩存

   ​ 重啟電腦就好；