前端图片无法显示,路径没有问题，而且在后端也可以看见图片

Question

为什么前端显示不了图片，路径没有问题，而且在后端也可以看见图片。

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

可能是图片格式不支持或者浏览器缓存问题。下面提供两种解决方法：

1. 检查图片格式 请确保图片格式是支持的，如.png, .jpg, .jpeg等，可通过修改图片格式来解决问题。
2. 清除浏览器缓存 清除浏览器缓存可以解决浏览器缓存导致的图片无法显示问题。具体方法根据不同浏览器操作略有不同，以下是Chrome浏览器的清除缓存方法：

1. 打开Chrome浏览器，在地址栏输入chrome://settings/clearBrowserData，回车；
2. 在弹出的页面中勾选“缓存图片和文件”选项；
3. 点击“清除数据”按钮即可清除缓存。

应用到本问题，可以尝试清除浏览器缓存后刷新页面再查看是否可以正常显示图片。 案例代码如下：

<!-- HTML代码 -->
<img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/96d65117212d452882bbfb0c03839d53.jpeg?x-oss-process=image/auto-orient,1/resize,w_320,m_lfit" alt="img" />
<img src="https://img-mid.csdnimg.cn/release/static/image/mid/ask/b703b5ee71e94dd585d2626d715f7d0e.jpeg?x-oss-process=image/auto-orient,1/resize,w_320,m_lfit" alt="img" />
// JS代码：清除浏览器缓存
window.location.reload(true);

实际使用时需要根据具体情况进行修改，例如图片格式或清除缓存方法。