微信小程序–Failed to load image xxx (404)
Failed to load image http://xxx xxxxx: the server responded with a status of 404 (HTTP/1.1 404 Not Found) From serverhttp: //xxx xxxxx:
- 我們送從後臺拿數據使用wx.request 方法 由於這個方法是異步的，如果我們想要在onload中使用的話，頁面剛加載可能拿不到這個值，然後就會報錯 但是 你會發現你想要的圖片已經出現了，然後就百思不得其解。
- 再一次回到了異步和同步這個問題上。比如我們在渲染頁面前，我們發送了一個同步的請求，然後我們的小程序就會等着拿到這個請求的數據，而不會繼續渲染頁面，拿到了請求才去渲染頁面，這個就是同步的，它阻礙了下一步的操作，而異步的則不會阻礙下一步的操作，因此就出現了這個問題，你的頁面已經渲染完成了但是數據還沒有拿到…gg…
- 下面說一下怎麼解決這個問題
- 1.可以在標籤中判斷一下這個值是否存在如下
<image wx:if='{{ url }}' src="{{ url }}"></image>這裏只是那這個image標籤舉了一下例子，取數據都可以用這種辦法。 - 2.使用promise封裝一下請求函數 參考這篇文章