vue從建立到完整的餓了麼（9）頁面圖標ico的設置

說明

1.上一章--city.vue佈局及vuex的state屬性的簡單使用
2.蒼渡大神項目源碼--項目地址
3.UI框架--Mint ui
4.數據接口地址--接口地址
5.下一章--city.vue完善（v-if 及本地緩存的存儲與讀取）

icon頁面圖標

1.先看一下目前的home.vue頁面

你們能夠看到，頁面右下角console裏有一個404錯誤--這是由於我們沒有設置頁面圖標，在上方我標出了有頁面圖標和沒有頁面圖標的區別。

2.下載。
網上隨便搜一個ico圖標下載。如在這個網站裏下一個酷酷的ico圖標。

3.位置
把下好的ico圖標放到項目的state文件夾裏，並更名爲favicon.ico

4.獲取
在項目根目錄下的index.html加入

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

5.運行
ok，代碼改完了，運行試試！

解決！各位老鐵能夠看到，console裏的404錯誤沒有了，我們的頁面圖標也出現了，並且仍是一個帥氣的牛頭！

home.vue的功能先寫完了，那我們下面來完善city.vue的功能