我使用background屬性,設(shè)置一個(gè)div的背景為一張圖片,這個(gè)圖片和這個(gè)vue組件在同一個(gè)文件夾下,assetsPublicPath也從 “/” 改成了“./” ,在同一個(gè)組件中,直接使用img src的方式導(dǎo)入的圖片打包后,沒(méi)有問(wèn)題,但是使用background的div圖片路徑錯(cuò)誤,用f12打開(kāi)觀察了一下,這個(gè)背景圖片和img圖片的區(qū)別在于img的圖片前有“./”,而背景圖的圖片沒(méi)有。圖片html代碼為:<img src="./header.jpg">背景圖的div的css為: background: url('./bg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover;
用webpack打包vue項(xiàng)目,圖片路徑錯(cuò)誤。
暮色呼如
2019-03-07 14:15:23