解决SpringBoot中无法访问js、css、img等静态资源的问题

一. 异常问题

我一开始在SpringBoot中的resources/static/目录下创建了easeui、layui等静态资源目录，然后在html文件中我一开始如下图所示进行引用。

解决SpringBoot中无法访问js、css、img等静态资源的问题_静态资源

结果访问页面的时候，就导致了如下效果：

解决SpringBoot中无法访问js、css、img等静态资源的问题_静态资源_02

二. 原因分析

这是因为Springboot默认的静态资源路径为static，我们不需要再添加/static/前缀，所以需要使用正确的方式来引用，否则就会导致404的问题。

三. 解决办法

<link rel="stylesheet" href="/layui/css/layui.css">
<link rel="stylesheet" href="/easyui/default/easyui.css">
<script src="/layui/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="/easyui/jquery.easyui.min.js" type="text/javascript"></script>

解决SpringBoot中无法访问js、css、img等静态资源的问题_静态资源_03

此时运行效果如下：

解决SpringBoot中无法访问js、css、img等静态资源的问题_css_04