首先先說明下VUE-CLI的資產靜態狀語從句的兩個文件的區別，因為這對你理解后面的解決辦法會有所幫助。
：在項目編譯的過程中會被處理解析為模塊依賴vue 加載本地資源圖片，只支持相對路徑的形式，如
和：url（./ logo.png），“ ./logo.png“是相對資源路徑，將有解析為模塊依賴。
：在這個目錄下文件不會被處理vue 加載本地資源圖片，簡單就是說存放第三方文件的地方，不會被解析。他會直接被復制到最終的打包目錄（默認是dist / ）下。必須使用絕對路徑引用這些文件，這是通過.js文件中的build.和build.鏈接來確定的任何放在靜態/中文件需要以絕對路徑的形式引用：/靜態[文件名]
根據的的特性，總的來說就是靜電放不會變動的，第三檔的文件，聲稱放可能會變動的文件。
問題來了，用JS動態加載的資產或者本文件的圖片出現404的狀態碼
// JS部分
數據（）{
返回{
圖像：[{SRC： './ 1.png'}，{./ 2.png}]
}
}跑起來發現圖片不顯示，錯誤碼為404，
原因：在中會將圖片圖片來當做模塊來用，因為是動態加載的，所以url-將無法解析圖片地址，然后npm運行dev或者npm運行構建之后導致路徑沒有被加工【被解析到的路徑都會被解析為//img/[].png，完整地址為本地主機：8080 /靜態/ IMG / [文件名] .PNG】
解決辦法：
①將圖片作為模塊加載進去，比如圖像：[{SRC：要求（ './ 1.png '）}，{SRC：要求（' ./ 2.png'）}]這樣的就能將其解析。
②將圖片放到靜態目錄下，但必須寫成絕對路徑如圖片：[{SRC：” /靜態/ 1.png”}，{SRC：” /靜態/ 2.png”}]這樣圖片也會顯示出來，當然你也可以通過在.base..js定義來縮短路徑的書寫長度。
當然你說當本地圖片太多時，這樣寫豈不是很麻煩，那么其實我們是一這樣簡化操作的。
第一步：在靜態里面新建一個JSON夾數文件 第二部：填寫JSON文件，如圖產品 第三部：將JSON引入響應的VUE文件中，解析引用就行了