第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

用webpack打包vue項目,圖片路徑錯誤。

用webpack打包vue項目,圖片路徑錯誤。

30秒到達戰(zhàn)場 2019-05-22 21:30:56
我使用background屬性,設置一個div的背景為一張圖片,這個圖片和這個vue組件在同一個文件夾下,assetsPublicPath也從“/”改成了“./”,在同一個組件中,直接使用imgsrc的方式導入的圖片打包后,沒有問題,但是使用background的div圖片路徑錯誤,用f12打開觀察了一下,這個背景圖片和img圖片的區(qū)別在于img的圖片前有“./”,而背景圖的圖片沒有。圖片html代碼為:背景圖的div的css為:background:url('./bg.jpg');background-repeat:no-repeat;background-position:center;background-size:cover;
查看完整描述

2 回答

?
楊__羊羊

TA貢獻1943條經驗 獲得超7個贊

webpack打包vue項目,會把css部分提取到單獨的css文件中,這樣造成了圖片路徑引用錯誤,一般這種資源都是放在static目錄下,然后引用('/static/...')
                            
查看完整回答
反對 回復 2019-05-22
?
慕后森

TA貢獻1802條經驗 獲得超5個贊

找到你的utils.js文件,找到use:loaders這句話所在的配置,加入這句話:publicPath:'../',vue的loader對靜態(tài)資源的路徑是需要配置的。注意publicPath里面寫的路徑不是你圖片完整的路徑,比如../../static/里面的img,你只需要寫'../../'。sotryit~
                            
查看完整回答
反對 回復 2019-05-22
  • 2 回答
  • 0 關注
  • 1027 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號