鍍金池/ 問答/HTML5  HTML/ 在使用vue腳手架時為什么不能加載favicon.ico圖標(biāo)

在使用vue腳手架時為什么不能加載favicon.ico圖標(biāo)

我在使用vue腳手架的時候不能加載favicon.ico這個圖標(biāo)圖片描述

我也在index.html中寫了這句話：<link href="./favicon.ico" rel="icon" type="image/x-icon" />

回答
編輯回答
怣痛

// build/webpack.dev.conf.js

new HtmlWebpackPlugin({
    filename: 'index.html',
    template: 'index.html',
    inject: true,
    favicon: path.resolve('favicon.ico')   // 加上這個
})
2017年2月26日 22:30
編輯回答
風(fēng)畔

上面被采納的解答親測有效
index.html 中不需要引入，只要webpack配置就好
如果重啟看不到效果，建議換個瀏覽器試一下，我被chrome坑的很慘，一直緩存，連無痕模式也無法拯救

2018年2月23日 10:50
編輯回答
遺莣

親身測試 不用在配置, 直接將ico文件放在static中在index.html引入就可以了 因為我的配置完會報錯

2018年9月4日 01:33
編輯回答
吃藕丑

將favicon.ico放到static文件夾下，在index.html中加入
<link rel="icon" href="/static/favicon.ico" type="image/x-icon">
不論是測試還是生產(chǎn)環(huán)境都沒問題的呀

2017年11月29日 16:51
編輯回答
情已空

把.ico放到static目錄下

<link rel="shortcut icon" sizes="48x48" href="/static/favicon.ico">

2017年5月15日 16:08
編輯回答
茍活

拿走不謝……

clipboard.png

2017年5月8日 18:59
編輯回答
晚風(fēng)眠

樓主是怎么解決的我現(xiàn)在也碰到了??！

2018年5月14日 21:25
編輯回答
故林

這個還需要配置到腳手架里面么？我以為直接丟到根目錄就可以了呢！

2017年9月2日 01:28