鍍金池/ 問答/HTML/ 求助:vue-cli搭建的項目ico怎么顯示啊

求助:vue-cli搭建的項目ico怎么顯示啊

clipboard.png

clipboard.png

ico就是小圖標:

clipboard.png

我查了網(wǎng)上的一些類似的問題:

1.用vue-cli腳手架搭建的項目,網(wǎng)站要求設(shè)置ico,也是放在根目錄下
2.html里面寫了正確的link標簽
3.我現(xiàn)在還是本地開發(fā)
但就是不顯示?。。。。?br>反而還報錯

clipboard.png

回答
編輯回答
荒城

1:把favicon.ico放在static目錄下,如下圖
圖片描述

2:在index.html中加入<link rel="shortcut icon" href="./static/favicon.ico" >(打包后會自動加入)

2017年8月11日 15:14
編輯回答
選擇

你或者需要稍微深的了解下webpack打包...
vue-cli項目的路徑都是被處理過的。vue-cli新建的項目有個App.vue吧,里面有個圖片是./assets/logo.png。同樣你要使用圖標的話也要放在asserts文件夾下,同時href為./asserts/favion.ico。

可能你覺得這會很稀奇,但是實際上你的文件是.Vue,瀏覽器肯定識別不了,webpack就對它做了處理,而過程是讀取字符串再輸入出html,那么在這個過程中發(fā)生什么都不奇怪了。

2018年6月14日 11:51
編輯回答
凝雅

你這個是html-webpack-plugin的屬性,看下demo就知道了 https://github.com/jantimon/h... favicon的值基于html

2017年10月18日 02:58
編輯回答
深記你

這個問題我并沒有解決~(以前的解決辦法發(fā)現(xiàn)線上無效)

2018年5月4日 12:14