首先說明vue-cli中assets和static兩個文件的區別 1.assets在項目編譯的過程中會被webpack處理理解為模塊依賴，如果執行npm run dev或npm run build命令行，assets會被編譯，導致路徑發生變化，所以如果寫成絕對路徑，會存在問題 2.static ...

1，根據類型拼接對應的圖片 2.js 3.data ...

html js 圖片image 背景圖片(添加一個style) ...

圖片放置在assets下面，然后寫到data中是不會被解析的。如果想要解析，就利用require方法引用一下。 比如在假的json中引用如下屬性： 　 1 　img1:require('../../assets/images/1.jpg') 需要require引用圖片路徑 ...

在工作中常常有這個需求就是特別是類似管理系統的左側菜單，自定義一些圖片的時候，需要渲染本地的img資源 這些圖片資源往往是放在本地的assets/images下的，如果成功渲染除這些資源呢，我的做法是 第一步，在utils下新建一個menu.ts文件，然后在里面配置我的菜單 ...

img標簽中相對路徑引用 使用~@引用 使用require引用 使用import引用 背景圖相對路徑引用 使用~@引入 ...

...

錯誤的引入方式： 因為webpack是按字符號打包的，正確的引入方式： 1.import在外部引入 2.require內部引入 參考---https://blog.csdn.net/qq_36485978/article ...