spring boot无法显示(本地)图片(弹出登录窗口)

本文描述了在SpringBoot应用中遇到的HTML页面图片加载失败的问题,问题表现为本地图片无法显示,而网络图片可以。经过排查,确认不是路径配置错误而是静态资源处理问题。解决方案是将图片放入SpringBoot默认的静态资源文件夹`static`中,并在`application.properties`配置静态资源路径。通过这些步骤,成功解决了图片无法显示的问题。

一.问题描述:
在templates下得html配置图片后,路径什么的没问题,但是在浏览器中打开页面后出现登录弹窗,点击图片后图标加载失败。

二. 确定问题:
把本地图片的url改为网图的url,我这里提供一个百度的网图,

src="https://img0.baidu.com/it/u=1578762854,2915076460&fm=26&fmt=auto

发现网图能展示,本地图片却展示不了。如果网图也展示不了可能拦截器拦截了。

三. 解决问题:
在src/main/resources/下新建static文件夹,这是spring boot默认存放静态资源的文件夹。在static下新建images文件夹,把图片放进去,如图:
在这里插入图片描述
然后,在templates下的html文件中配置图片路径,

src="../static/images/verifySuccess.jpg"

如图:
在这里插入图片描述
然后,在配置文件application.properties下配置静态资源路径:

spring.resources.static-locations=classpath:/

完成,再次使用浏览器打开页面,发现图片可以显示了:
在这里插入图片描述

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值