SpringBoot中的html页面访问不到js,css等静态资源问题解决方案

本文解析了在SpringBoot项目中正确配置静态资源路径的方法,包括解决404错误、context-path配置影响及html直接访问css和跳转至其他html页面的问题。分享了通过调整html引用路径和项目结构优化资源访问的实战经验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先贴上项目目录结构

当我在index.html中访问css中的index.css时,发现报404,路径是http://localhost:8080/static/css/index.css

 <link rel="stylesheet" href="/static/css/index.css" />

网上的解释是在SpringBoot中,默认配置的/**映射到/static,所以不需要加/static,但我去掉后,发现仍然报404,但html在加载css时访问的路径是http://localhost:8080/css/index.css

此时,我觉得可能是我springboot中配置了context-path导致

 

所以又在html中加了/SIMS

 <link rel="stylesheet" href="/SIMS/css/normalize.css" />

果然,加了之后成功访问到了。

同时,如果将html访问css改成通过../访问,通过访问上一级也是能成功的

 <link rel="stylesheet" href="../css/index.css" />

至此,访问css问题解决,但新问题又出现了。当我想通过a标签跳转到templates文件夹下的其他html时,发现又报了404。

查找网上资料发现,templates下的页面只能通过Controller跳转实现,而static下的页面是能直接被外界访问的,故放弃了templates文件夹,直接将html放置于static下,就能正常访问了。

之后得到项目新结构

希望可以帮助到你们。

评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值