springboot静态资源html/js/css等文件路径查找问题

最新推荐文章于 2025-01-21 10:14:43 发布

原创最新推荐文章于 2025-01-21 10:14:43 发布 · 2.4w 阅读

10 ·

CC 4.0 BY-SA版权

springboot 专栏收录该内容

10 篇文章

订阅专栏

本文介绍如何在 Spring MVC 中配置静态资源路径，包括 HTML 文件、JS 和 CSS 资源的位置设置方法。通过调整 spring.mvc.static-path-pattern 和 spring.resources.static-locations 参数，可以灵活地指定资源的访问路径。

html文件放在resources/templates下，在请求处理方法返回时会自动到这个目录下查找

js/css等静态资源放在resources/static下，在html中引入时，会自动到这个目录下查找

如图：

<script type="text/javascript" src="./jquery-3.2.1/jquery.js"/>

若要改变资源访问路径，可以修改以下参数：

spring:
  mvc:
    static-path-pattern: /**
  resources:
    static-locations: file:/www/wwwroot/static/

上面那个参数用来设置匹配访问请求，下面是设置资源绝对物理路径

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

平安一生0708

关注关注

8
点赞
踩
10

收藏

觉得还不错? 一键收藏
2
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

SpringBoot静态资源映射

郭宝的博客

06-01

2577

在Web 应用中会涉及到大量的静态资源，例如：JS、CSS、HTML、图片等等。我们知道，Spring MVC 导入静态资源文件时，需要配置静态资源的映射；但在Spring Boot 中则不需要进行此项配置，因为 Spring Boot 已经默认完成了这一工作。Spring Boot为什么提供三种静态资源映射的规则：在传统的web应用中，通常会使用大量的JS和CSS，例如：Jquery.js、Bootstrap.css等等，通常需要将这些web资源拷贝到Java Web 项目的 webapp 相应目录下进行

Spring Boot中的静态资源应该放在哪里？

CodeShiftZ的博客

08-10

672

在开发基于Spring Boot的Web应用程序时，我们经常需要处理静态资源，如CSS样式表、JavaScript脚本和图像文件等。Spring Boot提供了默认的静态资源路径和规则，但我们也可以通过配置来自定义这些规则。无论你选择使用默认的静态资源路径还是自定义路径，Spring Boot都会自动配置适当的静态资源处理器，以便能够正确地提供静态资源文件。这是因为在Spring Boot中，默认的静态资源处理器会将请求映射到根目录下的。总之，Spring Boot中的静态资源可以放置在默认的。

2 条评论您还未登录，请先登录后发表或查看评论

springboot中html要用静态文件路径问题

wordpython

10-07

3894

假如访问：http://localhost:8080/aaa/bbb/common.html 第一种： <script type="text/javascript" src="/js/common.js"></script> 得到的路径是：http://localhost:8080/js/common.js 第二种： <script type="t...

springboot+css+js+html Demo

01-20

springboot+css+js+html 入门例子，希望能对你提供帮助。

thymeleaf页面js 配置css、js的静态资源路径问题

somdip的博客

04-14

1605

第二种在js中处理，是已加载完后台模板，后端模板的语法已不起作用，直接再这种处理方式，是未加渲染处理的你写的字符串。第一种模板中配置静态资源的访问路径是theamleaf渲染模板中，加载也是渲染时处理。第二中 js中配置静态资源的根路径。第一种 html模板中配置根路径。2、错误的html显示效果。如下（错误示范的效果）1、错误的 js写法。

springboot-静态文件 js,css,html等

hupoling的专栏

11-14

10万+

静态页面 spring boot项目只有src目录，没有webapp目录，会将静态访问(html/图片等)映射到其自动配置的静态目录，如下 /static /public /resources /META-INF/resources 比如，在resources建立一个static目录和index.htm静态文件，访问地址http://localhost:8080/ind...

springboot 我们在开发WEB页面的时候，还需要加载很多静态资源，比如js、图片、css等文件，那这些文件应该放在哪里呢？

iXinRu的博客

03-01

510

转https://blog.youkuaiyun.com/husky_long/article/details/81670595

SpringBoot静态资源css,js,img配置方案

10-19

SpringBoot项目中静态资源的配置，主要指的是对CSS、JavaScript和图片等静态文件的管理。这些文件不需要服务器进行动态处理，通常是由Web服务器直接提供给客户端。SpringBoot提供了一种简单的方式来配置和管理这些...

记一次 SpringBoot 静态资源加载慢的问题

最新发布

gxy_2016的博客

01-21

1181

记一次 SpringBoot 项目静态资源加载慢的优化，使用Profiler工具分析调用链耗时，精准定位，直达病灶

Springboot访问templates下的html页面，CSS，JS失效

03-02

Spring Boot默认将`src/main/resources/static`作为静态资源目录，这里存放CSS、JS和其他静态文件。如果这些文件位于其他位置，需要在`application.properties`或`application.yml`中配置`spring.web.resources....

解决springboot中html，jsp无法读取js，css等静态资源的方法

qq_36470898的博客

07-18

3966

解决springboot中html，jsp无法读取js，css等静态资源的方法本次项目使用了templates模板，在html中导入js和css，项目可以正常启动，但是访问请求后，在浏览器中就找不到js和css文件，如下是项目路径：若想对资源路径进行配置，可以在 application.properties 配置文件中加入下面的配置 spring.mvc.static-path-patter...

Spring Boot中html、js、Css、图片等应该放在什么位置

春花秋月冬雪风，留得残荷听雨声。

04-21

1万+

初次接触SpringBoot的小伙伴，对于前后端合并在一起的小项目，静态资源的放置可能有一丢丢疑惑。其实非常简单，这里简单举个例子方便大家理解前后端合并的SpringBoot项目，其静态资源都放在src/main/resource目录下而resources目录又可以根据具体的使用途径分为的public、static、template 等目录再进入html 页面看一下具体的使用路径由于我在template 文件夹下放置了 html 文件，所以这里的路径就是先用 .. 返回上一级-->

SpringBoot集成Thymeleaf模板引擎的html、css和js存放位置

何哥的博客

04-12

3641

如我的页面为hello-world.html,它所在的目录结构就应该为resource–> templates --> hello-world.html在controller中，return的值则为 /hello-world ，系统会自动给加上.html的后缀。css引入增加 th:href配置路径，js引入增加th:src路径配置。我的页面中本来都是直接使用的element-ui和vue直接提供的在线js，但是因为页面嵌套会有跨域的问题，所以页面中的js、css都要改为使用本地文件。

关于springboot访问不到static里面的js文件解决方法（仅供参考）

qq_40383202的博客

08-22

5792

关于springboot访问不到static里面的js文件解决方法（仅供参考）遇到的问题1、在html页面中引入jQuery文件后使用$符号会提示未被定义2、静态资源无法访问解决方法1、$符号无法使用2、静态资源无法访问本人使用的是SpringBoot2.4，项目中未配置任何拦截器过滤器遇到的问题 1、在html页面中引入jQuery文件后使用$符号会提示未被定义 2、静态资源无法访问解决方法 1、$符号无法使用此时需要在项目中添加jQuery库，此时需在IDEA中进行如下操作： File

HTTP协议

weixin_55451307的博客

03-10

903

文章目录1.什么是服务器2.什么是Web服务器3.什么是HTTP协议?3.1HTTP协议在工作时所遵循的基本原则：3.2 HTTP请求3.2.1 请求行3.2.2若干请求头3.3 HTTP响应3.3.1状态行3.3.2若干响应头3.3.3响应实体内容3.4 GET提交和POST提交3.4.1GET提交3.4.2POST提交总结4.Servlet4.1Servlet生命周期4.2Servlet响应流程5.静态页面和动态页面5.1 Thymeleaf框架6.Cookie和Session6.1 Cookie6.2

HTML页面后台取静态资源(CSS,JS文件)的路劲问题！

白成卫的博客

12-22

2279

HTML

springboot基本使用笔记----静态资源（js ，css ...）路径

我的博客

08-22

3806

说明：项目构建工具 maven，项目目录结构如下： 1.springboot 框架，默认静态资源目录是 resources/static/ 。当然，如果你有跟我一样创建 webapp 目录，并把 static 目录移动到 webapp 目录下，无需添加配置，它还是默认的静态资源目录。 2.项目编译后，static/ 目录下的文件会直接放到根目录下，所以在访问静态资源时， / 对应的

服务端设置html与js的路径,spring mvc与html中处理引用js等静态文件的问题

weixin_34951416的博客

06-28

455

最近开发页面遇到一些问题，在这里记录一下。通常，我们的html页面或jsp页面难免需要引入一些图片、js、css等文件，于是需要填写对应的文件路径，有相对路径和绝对路径两种写法，写相对路径时，如果通过controller后再返回对应的html或jsp页面时，相对路径可能会不是我们想要的，例如，在服务器端，如果某js文件路径为：/js/xx.js，html文件为/html/xx.html，并在在ht...

springboot配置静态资源位置static-locations、静态资源路径前缀static-path-pattern