1,详细的错误报告信息
-- [渲染层网络层错误] Failed to load local image resource /images/0.jpg
the server responded with a status of 500 (HTTP/1.1 500 Internal Server Error)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201128120728673.png)
2,使用HBuilder X检查项目的目录结构
-- 可以看出image目录文件夹在我们的项目结构中正常创建。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201128120850338.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXlhbmx1bg==,size_16,color_FFFFFF,t_70)
3,再使用微信开发者工具检查结构以及DOM渲染情况
-- 可以看出引入地址以及我们的图片在Dom结构中都已经有宽高,但是却依旧报错,图片无法显示。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201128120933600.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXlhbmx1bg==,size_16,color_FFFFFF,t_70)
4,再使用微信开发者工具检查项目的目录结构
-- 可以看出使用HBuilder X创建的结构目录images并未在外面的微信开发者工具搭建出来,
导致图片无法正常显示。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201128121518290.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXlhbmx1bg==,size_16,color_FFFFFF,t_70)
5,原因分析,应为我们在使用HBuilder X初始创建的时候,已经将static打包为默认文件夹
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201128122726115.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXlhbmx1bg==,size_16,color_FFFFFF,t_70)
![在这里插入图片描述](https://img-blog.csdnimg.cn/2020112812250820.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXlhbmx1bg==,size_16,color_FFFFFF,t_70)
6,将对应的image文件夹移动至默认文件夹static
-- 我们发现,此时我们的图片已经可以正常访问到,console也未进行报错。
-- 使用微信开发者工具发现,我们的images文件夹在结构目录中正常显示出来。
![在这里插入图片描述](https://img-blog.csdnimg.cn/20201128122220465.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hpYXlhbmx1bg==,size_16,color_FFFFFF,t_70)
*谢谢参考,错误请指出