vue項目中 動態加載圖片src的解決方法 一、問題描述： v-bind動態綁定的src屬性【:src】加載中的圖片可以,但是的加載的src中的圖片就不行了；普通費動態綁定的src屬性是可以加載src資源文件夾下的圖片的 二、原因【vue-cli的和的兩個文件的區別】：
： 在項目編譯的過程中會被處理解析為模塊依賴，只支持相對路徑的形式，如< img src=”./logo.png”>和:url(./logo.png),”./logo.png”是相對資源路徑，將由解析為模塊依賴
： 在這個目錄下文件不會被處理,簡單就是說存放第三方文件的地方，不會被解析。它會直接被復制到最終的打包目錄(默認是dist/)下。必須使用絕對路徑引用這些文件，這是通過.js文件中的build.和build.鏈接來確定的。任何放在/中文件需要以絕對路徑的形式引用：/[]
根據的特性，總的來說就是放不會變動的、第三方的文件，放可能會變動的文件
那么vue 加載本地資源圖片，當動態加載或者本文件的圖片出現404的狀態碼如何解決：
解決方法：
①將圖片作為模塊加載進去vue 加載本地資源圖片，比如:[{src:(‘./1.png’)},{src:(‘./2.png’)}]，這樣就能將其解析。
②將圖片放到目錄下，但必須寫成絕對路徑如:[{src:”//1.png”},{src:”//2.png”}]這樣圖片也會顯示出來，當然你也可以通過在.base..js定義來縮短路徑的書寫長度。
當然你說當本地圖片太多時，這樣寫豈不是很麻煩，那么其實我們是一這樣簡化操作的。
第一步：在里面新建一個json文件夾
第二部：填寫json文件,如圖
第三部：將json引入響應的vue文件中，解析引用就行了