黑马优购项目（uni-shop）-三级分类图片加载不出来解决办法（已解决）

Date： 2023年7月12日解决

问题描述：

今天自己在看黑马程序员视频时， 进度应该是在111集的样子，三级图片渲染不成功，只能看到文字， 如图：

微信者开发工具控制台输出的错误是这样的

解决办法：

由于录制视频的老师已经离职，虽然某马虽然现在重新上线了在线文档，但是之前的域名肯定是用不了了，之前的接口也已经失效。

之前老师是自费买服务器给大家提供接口（真真的用爱发电啊，感动一会会…）
书归正传，接口没法使用了，咱们首先就需要更换目前能使用的域名。

• 更换成黑马官方提供的域名：

https://api-hmugo-web.itheima.net

https://api-ugo-web.itheima.net

https://applet-base-api-t.itheima.net

https://www.escook.cn

https://www.uinav.com

https://www.escook.cn =====>  https://applet-base-api-t.itheima.net
https://www.escook.cn/slides =====>  https://applet-base-api-t.itheima.net/slides

更换的具体位置：

And

• 第二步： 找到我们的cate页面，找到’image’标签，进行更换。

          <image :src="item3.cat_icon.replace('api-ugo-dev','api-hmugo-web')"></image>
          
          <!-- <image :src="item3.cat_icon"></image> -->
  

解释：这个图里呢，使用的是replace方法，将接口网址里的api-ugo-dev 给更换成了api-hmugo-web。
原因是笔者在排查问题时发现，当我在浏览器里直接输入控制台的网址时，会显示
无法访问此网站
但是当我使用某马提供的目前能使用的网址访问时，又可以打开图片

有兴趣的可以自己实验一下下啊

https://api-ugo-web.itheima.net/full/2fb113b32f7a2b161f5ee4096c319afedc3fd5a1.jpg      ====》 打不开啊打不开
https://api-hmugo-web.itheima.net/full/2fb113b32f7a2b161f5ee4096c319afedc3fd5a1.jpg   ======》 可以正常显示图片

细心的同学已经发现了，这两个网址的差别就在这儿。。。

最后，贴一张结果图出来

好啦，感谢你的观看，有问题可以交流哦，祝大家没有bug！