解决SpringBoot中无法访问js、css、img等静态资源的问题
一. 异常问题
我一开始在SpringBoot中的resources/static/目录下创建了easeui、layui等静态资源目录,然后在html文件中我一开始如下图所示进行引用。
![3fd5b24beca4e89f4326c7a45f9ac839.png](https://img-blog.csdnimg.cn/img_convert/3fd5b24beca4e89f4326c7a45f9ac839.png)
结果访问页面的时候,就导致了如下效果:
![45acc0bf4e3193720234e29e3d597545.png](https://img-blog.csdnimg.cn/img_convert/45acc0bf4e3193720234e29e3d597545.png)
二. 原因分析
这是因为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>
![9132226293a5d193de8b08482854d9dd.png](https://img-blog.csdnimg.cn/img_convert/9132226293a5d193de8b08482854d9dd.png)
此时运行效果如下:
![326badc02bd063ac2d75b19098a7578c.png](https://img-blog.csdnimg.cn/img_convert/326badc02bd063ac2d75b19098a7578c.png)