Saya lulus axios.get
從 database
獲取反應(yīng)式 image 鏈接
seperti yang ditunjukkan di bawah:
<div class="main-image" :style="{'background-image': 'url(' + state.articles.image[0] + ')'}">
Semuanya berfungsi dengan baik, imej latar belakang div ditukar dengan betul. Satu-satunya masalah ialah konsol saya membuang:
GET http://localhost:3000/undefined 404 (Not Found)
Jelas sekali ini menunjukkan url
沒(méi)有指向任何地方,但是當(dāng) background-image
正確顯示時(shí),這怎么可能呢?在我的 CSS
中,我沒(méi)有設(shè)置 background-image
屬性,只有 background: no-repeat center
但即使我刪除這些錯(cuò)誤仍然存??在。有什么想法如何擺脫 404
?
Selepas menambah template
發(fā)送到 template
之前運(yùn)行 console.log(state.articles.image[0])
pautan imej yang betul akan dihasilkan:
storage/brrAlEXfmEvoqjXiRhgalgzT9f2MfbX07Q4wDL0i.jpg
Walaupun saya mengeluarkan pautan dalam templat (cth. dalam teg h) ia menunjukkan pautan yang betul, jadi apakah masalahnya?
Templat akan tersedia dalam state.articles.image[0]
已知之前呈現(xiàn)。 div 標(biāo)簽被渲染,瀏覽器將嘗試獲取尚未定義的 undefined
背景圖片 url。解決此問(wèn)題的一種方法是僅在狀態(tài)就緒時(shí)渲染 <div>
.