1. 程式人生 > >mpvue小程式載入不出圖片 Failed to load local image resource /images/xx.png

mpvue小程式載入不出圖片 Failed to load local image resource /images/xx.png

mpvue開發小程式時候,要新增靜態本地圖片

<img src="../../images/bg.png" alt="">

會報錯:

VM14878:2 Failed to load local image resource /images/bg.png 
the server responded with a status of 404 (HTTP/1.1 404 Not Found) 

原因有很多種,解決辦法可以改webpack,或mpvue的包,這裡提供一個非常直接的辦法:

直接寫 /static/img/xx.png

比如:把圖片放在根目錄下的static檔案下
<img src="/static/img/bg.png"
> 就可以了

原因也很簡單,static就是專門放靜態資原始檔的,存放在根目錄下,直接就用