Thymeleaf + Spring-Boot - why can't I access static resources?

Question

My project tree looks like this:

I can access the templates now, but can't load static resources such as CSS, images, and JS.

I have a common.html fragment where I declare all my static resources, for instance:

<link rel="stylesheet" th:href="@{/css/app.css}"/>

A header fragment where I include common.html like so:

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">

<head th:include="fragments/common :: commonFragment" lang="en"></head>
// page body
</html>

A default.html file for layout:

<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns="http://www.w3.org/1999/xhtml"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout">

<head th:include="fragments/common :: commonFragment" lang="en">
    <meta charset="utf-8"/>
    <meta name="robots" content="noindex, nofollow"/>
    <title>Touch</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-dataType" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link rel="shortcut icon" th:href="@{/static/images/favicon.ico}"  type="image/x-icon" />
</head>

<body>
<div th:id="defaultFragment" th:fragment="defaultFragment" class="container">
    <div id="header" th:replace="fragments/header :: headerFragment" />
        <div layout:fragment="content" />
</div>
</body>
</html>

Also, on my application.properties file, I have these entries:

#SPRING RESOURCE HANDLING
spring.resources.static-locations=classpath:/resources/

#THYMELEAF
spring.thymeleaf.cache = true
spring.thymeleaf.check-template = true
spring.thymeleaf.check-template-location = true
spring.thymeleaf.content-type=text/html
spring.thymeleaf.enabled=true
spring.thymeleaf.encoding=UTF-8
spring.thymeleaf.mode=HTML5
spring.thymeleaf.prefix=classpath:templates/
spring.thymeleaf.suffix=.html
spring.thymeleaf.template-resolver-order=1

But I keep getting the same No mapping found message.

32190 [http-nio-8081-exec-2] WARN  o.s.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/central/css/app.css] in DispatcherServlet with name 'dispatcherServlet'

What am I not seeing here?

Have you found any solution to this one?

Eirini Graonidou
– Eirini Graonidou

2018-08-12 09:49:48 +00:00
Commented Aug 12, 2018 at 9:49 — Eirini Graonidou
– Eirini Graonidou, Commented Aug 12, 2018 at 9:49

Dennis Salcedo · Accepted Answer · 2020-05-28 02:35:37Z

5

I solved this problem with the following code:

spring.resources.static-locations=classpath:templates/

answered May 28, 2020 at 2:35

Dennis Salcedo

1262 silver badges3 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Damonio Over a year ago

Holly sh.. I was looking for this so much, I was getting a blank page and I tough I was doing somethign wrong, but the problem was the static content, thank you so much!

Jim Tough · Accepted Answer · 2020-12-12 20:36:00Z

I'm using Spring Boot 2.2 and not getting any of my static content. I discovered two solutions that worked for me:

Option #1 - Stop using @EnableWebMvc annotation

This annotation disables some automatic configuration, including the part that automatically serves static content from commonly-used locations like /src/main/resources/static. If you don't really need @EnableWebMvc, then just remove it from your @Configuration class.

Option #2 - Implement WebMvcConfigurer in your @EnableWebMvc annotated class and implementaddResourceHandlers()

Do something like this:

@EnableWebMvc
@Configuration
public class SpringMVCConfiguration implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/js/**").addResourceLocations("classpath:/static/js/");
        registry.addResourceHandler("/css/**").addResourceLocations("classpath:/static/css/");
        registry.addResourceHandler("/vendor/**").addResourceLocations("classpath:/static/vendor/");
        registry.addResourceHandler("/**").addResourceLocations("classpath:/static/");
    }

}

Just remember that your code is now in charge of managing all static resource paths.

dimitrisli · Accepted Answer · 2017-09-20 14:31:33Z

3

Use the spring.resources.static-locations in your properties to define the static resources locations (making them directly publicly available):

spring.resources.static-locations=classpath:/your/static/resources/here/like/central/css/

you can provide comma separated values i.e. taken from the documentation:

spring.resources.static-locations=classpath:/META-INF/resources/,classpath:/resources/,classpath:/static/,classpath:/public/ # Locations of static resources.

answered Sep 20, 2017 at 14:31

dimitrisli

21.4k12 gold badges64 silver badges65 bronze badges

5 Comments

gtludwig Over a year ago

This was my first approach, but it did not work. I am using a very default project structure Spring Boot should really have an issue with this...

dimitrisli Over a year ago

what is the error you are getting if adding the above property?

gtludwig Over a year ago

I added spring.resources.static-locations=classpath:/resources/static/css/,classpath:/resources/static/images/,classpath:/resources/static/js/`` to application.properties and got

51669 [http-nio-8081-exec-8] WARN  o.s.web.servlet.PageNotFound - No mapping found for HTTP request with URI [/central/css/app.css] in DispatcherServlet with name 'dispatcherServlet'

dimitrisli Over a year ago

if you permissioned "/resources/stati‌c/css/" then why do you expect /central/css/.. to work? There is an unpermissioned central directory along the way

gtludwig Over a year ago

I expected th:href="@{/css/app.css}" to be accessed after classpath:/resources/static/. I have tried the following just now spring.resources.static-locations=classpath:/resources/,classpath:/resources/static/,classpath:/resources/static/css/ and I still get the same no mapping found error.

wafaa hegazy · Accepted Answer · 2017-09-20 14:33:51Z

0

try to add mapping of your static resources in link

<link rel="stylesheet" th:href="@{/css/app.css}"
href="../../../css/app.css" />

answered Sep 20, 2017 at 14:33

wafaa hegazy

976 bronze badges

1 Comment

gtludwig Over a year ago

adding the static mapping href="../../../css/app.css" kind of defeats the whole point of letting Spring Boot handling this, right?

Collectives™ on Stack Overflow

Thymeleaf + Spring-Boot - why can't I access static resources?

4 Answers 4

1 Comment

Comments

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related