图片无法显示

来源:3-17 【讨论题】什么是 React?

Chimera

2023-03-07

最近几天图片都加载不出来,没有开梯子、换了浏览器,都显示不出来,烦请老师检查一下。

写回答

4回答

updown

2023-03-26

太棒了,刚遇到这个问题,就发现答案了,真是前人栽树后人乘凉啊

0
0

Chimera

提问者

2023-03-10

破案了!有类似情况的同学欢迎参考 :) 

问题复现:

  1. 操作系统为 Mac OS,使用的梯子为 ClashX

  2. 梯子启动的情况下,项目可以启动,但无法显示内容,需将梯子关闭

  3. 梯子关闭的情况下,项目正常运行,但非静态图片无法显示,chorme Network 中显示 (failed)net::ERR_CONNECTION_RESET

  4. 访问图片的 url,需要重新打开梯子,才能成功加载

  5. 打开梯子,项目就无法正常运行,死循环x

原因分析:

项目运行需要梯子关闭,加载图片需要梯子启动,那么配置梯子,让它不参与项目的启动运行即可。

(对这一块儿不是很了解,如有错误/补充欢迎留言指出)

解决方法:

方法一:

    打开 ClashX - 配置 - 更多配置,找到 忽略这些主机与域的代理设置,使用英文逗号分隔,将老师提供的地址 123.56.149.216 加入其中。

https://img.mukewang.com/szimg/640afa87091f3b3008781314.jpghttps://img.mukewang.com/szimg/640afa8609a953e509881042.jpg

方法二:

    在 系统设置 - 网络 - Wi-Fi - 详细信息 - 代理 中,找到 忽略这些主机与域的代理设置,使用英文逗号分隔,将老师提供的地址 123.56.149.216 加入其中。

    缺点:如果重启梯子,更改会失效。似乎是因为 ClashX 的配置会对此覆盖🤔 https://img.mukewang.com/szimg/640af94809c7606b14081212.jpg

0
3
阿莱克斯刘
感谢感谢,你也帮我解决了我多年来的疑惑!置顶了
2023-03-22
共3条回复

阿莱克斯刘

2023-03-08

请问同学,如果访问课程的预览网页能显示出图片吗?

http://123.56.149.216:12231

图床我已经替换过了,我在我的电脑上打开是可以看到图片的。有点怀疑是不是因为我使用的是免费图床,不是很稳定所导致的。如果你有比较好的图床麻烦推荐一下。

0
2
Chimera
找到原因啦!可能是因为老师使用的图床,有时候可以从国内访问,有时候不行,所以有时候能显示,有时候不行。解决方法可参考我刚写的回答:)
2023-03-10
共2条回复

React18 系统精讲 结合TS打造旅游电商平台

React18 精讲 + 结合 TS 实战 + 热门业务开发,获取必备技能

1993 学习 · 1015 问题

查看课程