关于Springboot项目页面中css,js文件加载失败的问题

记录一个刚开始接触Springboot时踩到的小坑。问题如下：

正在写一个登录功能，页面套用了bootstrap的模板，用浏览器打开页面有样式，但是整个项目跑起来的时候跳转的页面就会丢失样式，浏览器控制台会报错提示这些文件加载失败。

这是页面内引入样式表，看起来没有任何问题，相对路径没有错误，也没有报错：

从这里通过浏览器打开（这里是登陆失败的跳转页面）：

但我们启动整个项目，在登陆页面故意登陆失败我们就会跳转成这样：

这里是控制台报错：

然鹅文件引入的路径并没有任何问题。

经过一番折磨我找到了答案，原文链接：8.8 Spring Boot静态资源处理_禅与计算机程序设计艺术的技术博客_51CTO博客

重点在最后一句，在Springboot中我们不需要写上目录名，也就是说

"/static/css/theme.css" 其实就是 "/css/theme.css" 否则这个路径就是错误的（虽然从相对路径的角度看没有问题）

但容易踩坑的点就在于，如果你省略，idea会报错：

然后你在浏览器打开就没有样式了，如果不知道这一点非常容易被误导，但这时你启动项目，Springboot就把样式加载出来了：

问题解决。

ps:idea的这个警告把路径都标黄了反而是很有可读性。

关于Springboot项目页面中css,js文件加载失败的问题相关推荐

linux系统css样式加载不出,Linux系统虚拟主机网站访问页面css样式文件加载失败或图片无法显示的分析解决...
问题场景:客户使用Linux系统虚拟主机,网站程序上传之后访问发现页面排版有问题,css样式文件加载失败,部分图片显示不出来,以织梦CMS程序为例,如下图所所示: 问题原因: 1.Linux系统虚拟主 ...
前端设计中关于外部js文件加载的速度优化
在一般情况下,许多人都是将<script>写在了<head>标签中,而许多浏览器都是使用单一的线程来加载js文件的,从上往下,从左往右. 若是加载过程出错,那么网页就会阻塞,就 ...
怎么判断一个JS文件加载完成？
在正常的加载过程中,js的加载都是同步的,也就是说在加载过程中,浏览器会阻塞接下来的内容的加载.这时候我们就要用到动态加载,动态加载是异步的,如果我们在后边要用到这个动态加载的js文件里的东西,就要保 ...
解决页面上JS文件加载过慢问题
解决页面上JS文件加载过慢问题参考文章: (1)解决页面上JS文件加载过慢问题 (2)https://www.cnblogs.com/zying3/p/10278102.html (3)https: ...
逆战d3dx10_43.dll文件加载失败及dll文件缺失损坏修复解决方案
废话前言:本人对电脑底层了解不太深,因此在前些天因为idea出现一个显示"构建进程终止异常"的bug,尝试网上很多解决方案都没有成功,无奈之下只好重装系统.但重装系统后,逆战又显示 ...
mkl_def.dll文件加载失败
mkl_def.dll文件加载失败下载 mkl_def.dll文件的下载地址如下:Fix mkl_def.dll related errors in Windows 7, 8 or 10 | DLL ...
[html] 当img标签中的src图片加载失败时，怎么让它变得更美观呢？
[html] 当img标签中的src图片加载失败时,怎么让它变得更美观呢? 当默认图也失效,就会陷入死循环,需加变量计数,如果是 vue 的话用 @error.once 更妙.在 onerror 给元 ...
计算机中丢失swr.dll,win10电脑中模块initpki.dll加载失败提示0x80004005错误代码如何解决...
有不少win10系统用户反映说碰到这样一个故障,就是模块initpki.dll加载失败,并提示0x80004005错误代码,该怎么解决呢,接下来就随系统城小编一起来看看具体的操作步骤吧. 1.打开搜索 ...
win10 电脑中模块initpki.dll加载失败提示0x80004005错误代码如何解决
win10 电脑中模块initpki.dll加载失败提示0x80004005错误代码如何解决有不少win10系统用户反映说碰到这样一个故障,就是模块initpki.dll加载失败,并提示0x8000 ...

关于Springboot项目页面中css,js文件加载失败的问题

关于Springboot项目页面中css,js文件加载失败的问题相关推荐

最新文章

热门文章