| 处理：uniapp开发微信小程序 [渲染层网络层错误] Failed to load local image resource /pages/index/undefined | 您所在的位置：网站首页 › 小程序渲染层网络层错误图片显示不出来了 › 处理：uniapp开发微信小程序 [渲染层网络层错误] Failed to load local image resource /pages/index/undefined |
处理：uniapp开发微信小程序 [渲染层网络层错误] Failed to load local image resource /pages/index/undefined
|
uniapp开发微信小程序：[渲染层网络层错误] Failed to load local image resource /pages/index/undefined
需求遭遇报错：
分析结论问题代码修复后代码
需求
我想实现一个头像和相框的动态组合的效果。 打开我的页面，动态获取用户信息后，渲染头像及边框。 遭遇测试中直接给图片地址（常量）正常，换成变量就出问题。 报错： [渲染层网络层错误] Failed to load local image resource /pages/my/undefined the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error) (env: Windows,mp,1.06.2306020; lib: 2.33.0)
我遇到这个问题与 Compute() 无关。最根本原因就是没有给默认值。 导致在 onLoad 之前渲染时找不到图片，所以报错。(在onLoad 打个断点就能看到，进来之前就已经报错了) 问题代码 export default { data() { return {} }, // 初始化加载用户信息 onLoad(obj) { this.userInfo = { // 测试本地图片 avatar: '/static/logo.png', // 测试网络图片 avatarBg: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/gh_33446d7f7a26_430.jpg' } }, computed: { avatarBg() { return `url(${this.userInfo.avatarBg})`; } }, } 修复后代码 export default { data() { return { // 初始化时空字符串，就不会去请求。否则乱给个名字，加载不到还是报错。 userInfo:{ avatar: '', avatarBg: '' } } }, // 初始化加载用户信息 onLoad(obj) { this.userInfo = { avatar: '/static/logo.png', avatarBg: 'https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/gh_33446d7f7a26_430.jpg' } } }其实就是给 userInfo 提供了初始值。computed 根本用不上，直接去掉了。 |
【本文地址】
公司简介
联系我们