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

首先贴上项目目录结构

当我在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下,就能正常访问了。

之后得到项目新结构

希望可以帮助到你们。

  • 14
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 20
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 20
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值