動(dòng)態(tài)加載或進(jìn)行邏輯操作顯示的圖片圈暗,直接放static文件下可以避免404報(bào)錯(cuò)
原因:
assets: 在項(xiàng)目編譯的過程中會被webpack處理解析為模塊依賴,只支持相對路徑的形式,如< img src=”./logo.png”>和background:url(./logo.png),”./logo.png”是相對資源路徑绿满,將被webpack解析為模塊依賴
static:在這個(gè)目錄下文件不會被webpack處理,簡單就是說存放第三方文件的地方内地,不會被webpack解析。它會直接被復(fù)制到最終的打包目錄(默認(rèn)是dist/static)下碰缔。必須使用絕對路徑引用這些文件账劲,這是通過config.js文件中的build.assetsPublic和build.assertsSubDirectory鏈接來確定的。