微信小程序获取服务器图片[渲染层网络层错误]404-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序获取服务器图片[渲染层网络层错误]404。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题描述

小程序获取服务器图片的时候报了这个错误
微信小程序获取服务器图片[渲染层网络层错误]404
检查了以下，地址没错，图片也可以显示出来，但调试器那里就是报错。重新捋了一遍发现了问题。

原因分析：

这是小程序加载的问题，程序运行加载到以下标签的时候，js文件还没获取到goodsInfo。所以这个时候图片的地址还是空的，所以会报错。解决方法也很简单，在获取goodsInfo之前不加载这个image就行了。

    <image src="{{imgUrl+goodsInfo.res_photo}}"></image>

解决方案：

html文件做一些修改

 <image src="{{imgUrl+goodsInfo.res_photo}}" wx:if="{{condition}}"></image>

这里加入wx.if 绑定的condition是data中定义的boolean值，初始值为false。

  onLoad(options) {
    // 获取页面需要货物信息
    getGoodsInfo: {
      wx.request({
        url: Url + findResourcesById,
        data: {
          id: this.data.goodsId
        },
        success: (res) => {
          // 获取搜索到的货物的信息
          this.setData({
            goodsInfo: res.data,
            condition:true
          })
        }
      })
    }
  }

我这里是在页面加载的时候获得图片信息的，在赋值的时候给data中的时候将condition改为true。
这样，程序加载的时候发现里面的condition为false就不会加载图片，而在js文件获取到图片信息并赋值之后再将condition改为true，这样才加载图片。然后报错问题就解决了。文章来源地址https://www.toymoban.com/news/detail-501915.html

到了这里，关于微信小程序获取服务器图片[渲染层网络层错误]404的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！