Vue-cli圖片資源無法顯示的原因及解決方案

由於Webpack在打包時，默認靜態圖片會被打包成base64編碼格式，導致打包生成的路徑與圖片名（帶hash值）和開發時放置的位置與名稱並不一致。發生以下類似輪播圖片無法顯示的問題。比如： 開發時，如果靜態配置頁面圖片位置，webpack在打包時會自動識別，並正確處理爲以下網頁實際路徑： 但當我們使用v-if等指令，動態創建圖片時，效果就不理想了 最終頁面並不會顯示圖片內容，原因在於圖片路徑並沒

>>阅读原文<<