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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

用webpack打包vue項(xiàng)目,圖片路徑錯(cuò)誤。

用webpack打包vue項(xiàng)目,圖片路徑錯(cuò)誤。

暮色呼如 2019-03-07 14:15:23
我使用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;
查看完整描述

2 回答

?
瀟瀟雨雨

TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊

webpack打包vue項(xiàng)目,會(huì)把css部分提取到單獨(dú)的css文件中,這樣造成了圖片路徑引用錯(cuò)誤,一般這種資源都是放在static目錄下,然后引用('/static/...')


查看完整回答
反對(duì) 回復(fù) 2019-03-18
?
慕的地6264312

TA貢獻(xiàn)1817條經(jīng)驗(yàn) 獲得超6個(gè)贊

找到你的utils.js文件,找到use: loaders這句話所在的配置,加入這句話:publicPath:'../',vue的loader對(duì)靜態(tài)資源的路徑是需要配置的。注意publicPath里面寫(xiě)的路徑不是你圖片完整的路徑,比如../../static/里面的img,你只需要寫(xiě)'../../'。so try it~


查看完整回答
反對(duì) 回復(fù) 2019-03-18
  • 2 回答
  • 0 關(guān)注
  • 527 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)