最近在做一個關於vue的專案，去後臺拿圖片時，最後圖片出來了，但是控制檯卻報錯404，這裡記錄一下解決方法：

分析了下，這樣寫有個問題，去後臺拿圖片名稱需要時間，專案一執行就開始載入頁面，沒有拿到圖片名稱控制檯就報個undefined錯誤。obj.imageUrl=undefined

<img  v-lazy="'http://localhost:1337/upload/'+obj.imageUrl" alt="">

undefined:1 GET http://localhost:1337/upload/undefined 404 (Not Found)

然後我就想能不能先拿資料再渲染頁面，顯然我沒有成功，我就看到了網上有一篇關於v-if

<img v-if="obj.imageUrl!=undefined" v-lazy="'http://localhost:1337/upload/'+obj.imageUrl" alt="">

這句大概是這個意思，當拿到圖片名稱時才顯示，沒有拿到圖片名稱就不顯示圖片，使用v-if來是實現，最後控制檯沒有報錯了，哈哈哈哈。

最後附上v-if學習連結：https://blog.csdn.net/qq_24147051/article/details/79776519