鍍金池/ 問答/HTML/ vue-cli引入本地圖片報錯

vue-cli引入本地圖片報錯

clipboard.png
如何解決

回答
編輯回答
離夢

直接寫成絕對路徑便可：/static/img/head.PNG

2017年11月2日 03:41
編輯回答
朕略傻

訪問/static/下的靜態(tài)資源直接寫

background: url('static/img/head.PNG')即可

因為在啟動dev-server時，已經(jīng)對static目錄進行了映射。無需再使用相對路徑定位到static目錄

2018年7月29日 18:42
編輯回答
野橘
background : url(../static/img/head.png);

把你的文件名和引用名的后綴全改成小寫，因為你的webpack.dev.config.js 文件下配置的loader路由是匹配的小寫的png，如果你喜歡用大寫的，那就去改webpack的配置文件也是可以的。

--補充--

另外可以不加雙引號，性能優(yōu)化的一個小點

2018年9月2日 23:42