cari

Rumah  >  Soal Jawab  >  teks badan

Arahan gaya Vue3 menghasilkan ralat 404 apabila menggunakan imej latar belakang

Saya lulus axios.get 从 database 获取反应式 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 没有指向任何地方，但是当 background-image 正确显示时，这怎么可能呢？在我的 CSS 中，我没有设置 background-image 属性，只有 background: no-repeat center 但即使我删除这些错误仍然存​​在。有什么想法如何摆脱 404?

Selepas menambah template 发送到 template 之前运行 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?

P粉186897465P粉186897465272 hari yang lalu458

membalas semua(1)saya akan balas

  • P粉156983446

    P粉1569834462024-03-30 00:42:17

    Templat akan tersedia dalam state.articles.image[0] 已知之前呈现。 div 标签被渲染，浏览器将尝试获取尚未定义的 undefined 背景图片 url。解决此问题的一种方法是仅在状态就绪时渲染 <div>.

    balas
    0
  • Batalbalas