一个Springboot项目页面中CSS,JS文件加载失败的问题
用浏览器打开页面有样式,但是整个项目跑起来的时候跳转的页面就会丢失样式,浏览器控制台会报错提示这些文件加载失败。页面内引入样式表,看起来没有任何问题,相对路径没有错误,也没有报错。......
·
记录一个刚开始接触Springboot时踩到的小坑。问题如下:
正在写一个登录功能,页面套用了bootstrap的模板,用浏览器打开页面有样式,但是整个项目跑起来的时候跳转的页面就会丢失样式,浏览器控制台会报错提示这些文件加载失败。
这是页面内引入样式表,看起来没有任何问题,相对路径没有错误,也没有报错:
在IDEA中选择通过浏览器打开(这里是登陆失败的跳转页面):
但我们启动整个项目,在登陆页面故意登陆失败我们就会跳转成这样:
这里是控制台报错:
然鹅文件引入的路径并没有任何问题。
经过一番折磨我找到了答案,原文链接:8.8 Spring Boot静态资源处理_禅与计算机程序设计艺术的技术博客_51CTO博客
重点在最后一句,在Springboot中我们不需要写上目录名,也就是说
"/static/css/theme.css" 其实就是 "/css/theme.css" 否则这个路径就是错误的(虽然从相对路径的角度看没有问题)
但容易踩坑的点就在于,如果你省略,idea会报错:
然后你在浏览器打开就没有样式了,如果不知道这一点非常容易被误导,但这时你启动项目,Springboot就把样式加载出来了:
问题解决。
ps:idea的这个警告把路径都标黄了反而是很有可读性。
更多推荐
已为社区贡献1条内容
所有评论(0)