我正在 assingningimage link從一個database通過axios.get像這樣獲取的反應：
<div class="main-image" :style="{'background-image': 'url(' state.articles.image[0] ')'}">
一切正常，div 的背景影像已正確更改。唯一的問題是我的控制臺拋出：
GET http://localhost:3000/undefined 404 (Not Found)
顯然，這表明url指向無處，但是當background-image正確顯示時，這怎么可能呢？我沒有在任何地方CSS設定background-image屬性，background: no-repeat center但即使我洗掉了那些錯誤仍然存??在。任何想法如何擺脫404？
console.log(state.articles.image[0])在將其發送到template生成正確的影像鏈接之前運行：
storage/brrAlEXfmEvoqjXiRhgalgzT9f2MfbX07Q4wDL0i.jpg
即使我在模板中輸出鏈接（例如在 h 標簽中），它也會顯示正確的鏈接，那么有什么問題呢？
uj5u.com熱心網友回復：
模板將在state.articles.image[0]已知之前呈現。呈現 div 標簽，瀏覽器將嘗試獲取尚未undefined背景的影像 url。解決此問題的一種方法是<div>僅在狀態準備好時才渲染。
<div v-if="state.articles && state.articles.image[0]" class="main-image" :style="{'background-image': 'url(' state.articles.image[0] ')'}">
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/342602.html
上一篇：如何知道v-for中的迭代