SpringBoot的html中引入static下面的CSS或者js或者图片等静态文件

￡神魔★判官ぃ 2023-07-09 02:12 10阅读 0赞

## SpringBoot访问静态文件 ##

描述一下我具体想要实现什么，先看一下我的目录文件结构。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMzNjAxMQ_size_16_color_FFFFFF_t_70]  
描述一下我具体想要实现的就是直接通过在浏览器输入端口号加文件地址就去访问/static/verify/VerifyCode.html文件，如下图，然后这个VerifyCode.html中还去访问了/static/css/login.css静态文件。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMzNjAxMQ_size_16_color_FFFFFF_t_70 1]

在VerifyCode.html文件中引入css静态资源的代码是：（需要注意的是下图矩形方框中的href链接，不需要写static，只写你的子文件夹以及文件名称，还有就是那个/不能省去。其他的js或者图片的话就都和这个css是一样的。照葫芦画瓢就行了。）  
![在这里插入图片描述][20200227120214356.png]

然后也不要去设置什么全局配置文件application.properties或者application.yml，因为如果像网上一些其他帖子一样，加入什么指定静态文件路径的配置，如果你确实很懂这个SpringBoot的静态文件机制的话，就可以修改。如果你不是很清楚，而且你修改了，就很容易导致你不能够成功实现上面功能。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMzNjAxMQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200227115731319.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMzNjAxMQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMzNjAxMQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200227120016717.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjMzNjAxMQ==,size_16,color_FFFFFF,t_70
[20200227120214356.png]: https://img-blog.csdnimg.cn/20200227120214356.png