這篇博客寫的很好： https://blog.csdn.net/weixin_38233549/article/details/94604993 ...

js: data(){ 　　return{ 　　　　img:require("../img/1.png") 　　} } html: :src="img"> ...

...

不知道各位小伙伴有沒有在開發遇到一個問題，就是在線上的項目使用后台返回本地圖片路徑，然后加載不上的情況呢？ 我的解決方法就是：先在項目的data下定義好這樣一個數組用於存放需要加載的路徑 [ 　　{name:"張山" url：require（./img/zhangshan.png ...

" />上傳圖片 </a> :src="imgsrc" ...

...

，但是由於require不能對變量進行賦值，於是要使用拼接的方式，這里我創建一個中間變量用來表示圖片名稱。 ...

大家好，我是前端隊長Daotin，想要獲取更多前端精彩內容，關注我(全網同名)，解鎖前端成長新姿勢。 以下正文： 今天遇到一個在vue文件中引入本地圖片的問題，於是有了這篇文章。 通常，我們的一個img標簽在html中是這么寫的： 這種寫法只能引用相對路徑下的圖片。不能使用絕對路徑 ...