小程序访问图片403错误

问题描述:后台富文本编辑器,图文编辑信息,最后展示再小程序端时,出现图片403问题,无法正确显示问题。

缘由:编辑器中的图文信息,通过网上常用编辑器编辑后,复制到后台编辑器中,出现上传图片路径是第三方的路径。

首先查看图片,打开浏览器,出现图片,可以正常显示。

在小程序中,添加 image 标签,将图片路径放入 src 中,出现图片依然访问不到403。

排除 html 转 wxml 问题。

由于微信限制外链不可访问,同时135编辑器设置了HTTP Referer,当浏览器向web服务器发送请求的时候,一般会带上Referer,告诉服务器我是从哪个页面链接过来的,利用Referer是可以防止图片盗链的,所以这就是报错的原因啦

解决方案:

图文编辑器上的图片上传至后台服务器中,可以避免出现这样的问题。或者就是 通过复制订阅号中的非原创的链接,可以将样式和文章信息都转发到编辑器中,就可以在小程序端展示出来。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
MinBBS V1.0 功能模块如下: 用户功能 支持DiscuzPC版用户直接登录、注册 支持修改用户头像 搜索功能 论坛主题搜索功能 论坛功能 主题浏览功能 主题发布功能(支持图片、文字发布) 主题回复功能(支持文字回复) 版块列表展示功能 主题列表支持3种模式展示(文字、单图、多图) 1.首页(自动读取PC版版块相关信息,含今日新帖数量、板块图标等) 2.版块详情页面 3.发布主题页面 4.主题详情页面 5.搜索页面 6.个人中心页面 7.登录页面 8.注册页面 MinBBS V1.0安装主要分两个步骤: 1、配置前端小程序。此步骤需依赖于微信小程序开发者工具进行,如果您的计算机还未安装,请点击此处进入页面下载安装。 2、上传后台程序接口。小程序的运行需通过我们开发的专用接口对接Discuz数据,此接口需上传到Discuz目录下,并且配置数据库字段等信息。 前台安装 在您配置前台之前,我们建议您先进行后台的安装,因为前台部分路径的配置需要依赖于后台。 MINBBS在购买授权后,我们提供源代码给您,您可根据自己的需求进行修改和完善,详细的开发教程可参考微信小程序开发文档 前台安装步骤: 1、购买系统后到下载地址下载MinBBS V1.0 小程序端(文件名MinBBS_V1.0_Weixin.zip),下载后解压。 2、进入小程序管理后台,登陆后点击左侧设置——开发设置获取小程序APPID。 3、打开小程序开发者工具(下载链接),登录后创建新项目,新项目APPID为您的小程序APPID,目录设置为解压后的MinBBS V1.0目录。 4、打开小程序目录中的app.js文件,修改底部109行左右代码: globalData: { userInfo: null, HostUrl: 'https://xx.com/minapp/1.0/index.php?', //此处设置为您的小程序后台接口地址 Root_Url: 'https://xx.com/', //此处设置为您的Discuz路径,注意保留最后的斜杠 } 其中将xx.com修改为您的discuz访问地址,请注意结尾的斜杠需要保留。 5、打开小程序目录下的pages/index目录,修改Index.json文件,将如下参数的值修改为您的站点名即可。 "navigationBarTitleText": "MinBBS", 6、截止此步,小程序端配置已完成,在开发者工具中点击项目——上传即可将代码上传至小程序后台,进入后台提交审核即可。 后台安装 后台安装步骤: 1、购买系统后到下载地址下载MinBBS V1.0 服务端(文件名MinBBS_V1.0_Server.zip),下载后解压,解压后得到目录“minapp”。 2、上传minapp目录到您的discuz根目录下。 3、修改minapp/1.0目录下的config.php第7行位置为您的Discuz主程序编码: define('ODZ_CHARSET', 'gbk'); //此处gbk即编码,如果您的Discuz为gbk则无需修改,否则请修改为对应编码 此处有一点需要注意,如果您的Discuz编码为gbk,则不需要修改,如果您的Discuz编码为UTF-8,则此处填写UTF-8(注意大写),填写完毕后进入minapp/1.0/language/utf8/目录,将目录下的lang_message.php拷贝到minapp/1.0/language/目录,即当前目录的上级目录,替换源文件,否则可能造成部分提示信息编码错误而不显示文字。 4、打开minapp目录下的sql.sql文件,批量查找替换“pre_”为您的数据库表前缀,替换完成后导入到mysql中的discuz数据所在数据库中。 5、小程序要求请求域名必须为https,所以需要将服务器配置好ssl,即通过https可以访问到。 6、登录小程序管理后台,进入设置——开发设置,将服务器域名全部设置为您的站点域名。 7、截止此步,后台配置已完成。
微信小程序开发中,渲染层网络层错误通常在图片无法加载时出现。在您描述的情况中,该错误可能是由于异步请求的延迟导致的。当小程序开始加载页面时,异步请求还没有完成,导致image标签中的src属性值为空,进而触发渲染层、网络层错误。 为解决这个问题,您可以尝试以下方法: 1. 确保网络连接稳定,以确保异步请求能够顺利完成。 2. 检查图片链接的正确性,确保图片地址正确,且图片服务器能够正常访问。 3. 使用wx:if或wx:else语句,判断图片加载状态,当图片加载完成后再显示,避免空值触发错误。 4. 使用wx.getImageInfo()方法来获取图片信息,确保图片能够正确加载后再进行渲染。 5. 如果您使用的是外部链接加载图片,请确保图片链接使用https协议,并将域名添加到小程序的request合法域名列表中。 通过以上方法,您可以尝试解决微信小程序开发中渲染层网络层错误的问题。希望对您有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [微信小程序【渲染层网络层错误】解决方法](https://blog.csdn.net/qq_55349196/article/details/129190209)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [微信小程序「渲染层网络层错误」的解决方法](https://blog.csdn.net/weixin_41767802/article/details/110812911)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值