[Spring Boot & Thymeleaf] Сервер не может найти статические ресурсы

@Artmal · Регистрация: 14.11.2015

Студворк — интернет-сервис помощи студентам

Здесь написано

Spring Boot will automatically add static web resources located within any of the following directories:
/META-INF/resources/
/resources/
/static/
/public/

Структура проекта:

[Spring Boot & Thymeleaf] Сервер не может найти статические ресурсы

Файл index.html не может подключить css файлы(именно на стороне сервера, если открывать страницу браузером, то стили подключены). Сама html страница сервером загружается, но без стилей.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.css" th:href="@{/static/css/bootstrap.css}"/>
 
    <link rel="stylesheet" type="text/css" href="../static/css/registrationPageStyles.css" th:href="@{/static/css/registrationPageStyles.css}"/>
    ...
</head>
<body>
    ...
 
    <script type="text/javascript" src="../static/bootstrap.js"></script>
</body>
</html>

MvcConfiguration

Java
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
@Configuration
@EnableWebMvc
@ComponentScan("com.artmal")
public class MvcConfiguration extends WebMvcConfigurerAdapter implements ApplicationContextAware {
 
    private ApplicationContext applicationContext;
 
    public void setApplicationContext(ApplicationContext applicationContext) {
        this.applicationContext = applicationContext;
    }
 
    @Bean
    public ViewResolver viewResolver() {
        ThymeleafViewResolver resolver = new ThymeleafViewResolver();
        resolver.setTemplateEngine(templateEngine());
        resolver.setCharacterEncoding("UTF-8");
        return resolver;
    }
 
    @Bean
    public TemplateEngine templateEngine() {
        SpringTemplateEngine engine = new SpringTemplateEngine();
        engine.setEnableSpringELCompiler(true);
        engine.setTemplateResolver(templateResolver());
        return engine;
    }
 
    private ITemplateResolver templateResolver() {
        SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();
        resolver.setApplicationContext(applicationContext);
        resolver.setPrefix("/templates/");
        resolver.setTemplateMode(TemplateMode.HTML);
        return resolver;
    }
}

В логах кидает такие ошибки:

Code
1
2
3
No mapping found for HTTP request with URI [/resources/static/css/bootstrap.css] in DispatcherServlet with name 'dispatcherServlet'
No mapping found for HTTP request with URI [/resources/static/css/registrationPageStyles.css] in DispatcherServlet with name 'dispatcherServlet'
No mapping found for HTTP request with URI [/static/bootstrap.js] in DispatcherServlet with name 'dispatcherServlet'

Много гуглил, но никакие решения не помогают.

@Borsche · 23.03.2017, 13:23

Ну во первых нужно писать

Java
1
th:href="@{/css/style.css}"

так как в ресорс хандлере static уже указано как перфикс. И вообще если ты используешь Spring Boot то какого тополя ты пишешь свой MvcConfiguration???
Зайди на http://start.spring.io выбери нужные технологии и оно тебе вернёт уже скелет проекта.

@booratina · 02.03.2018, 14:55

Сообщение от Artmal

Много гуглил, но никакие решения не помогают.

Я так не понял как решилась проблема!

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<!-- saved from url=(0042)http://www.bootstrap-3.ru/examples/signin/ -->
<html lang="en" xmlns:th="http://www.thymeleaf.org"><head>
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"></meta>
    <meta name="viewport" content="width=device-width, initial-scale=1"></meta>
    <meta name="description" content=""></meta>
    <meta name="author" content=""></meta>
 
    <title>Signin Template for Bootstrap</title>
 
    <!-- Bootstrap core CSS -->
    <link href="../bootstrap/css/bootstrap.css" th:href="@{/css/bootstrap.css}" rel="stylesheet"/>
 
    <!-- Custom styles for this template -->
    <link  href="../bootstrap/css/signin.css" th:href="@{/css/signin.css}" rel="stylesheet"/>
 
    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
 
  <style id="style-1-cropbar-clipper">/* Copyright 2014 Evernote Corporation. All rights reserved. */
    .en-markup-crop-options {
    top: 18px !important;
    left: 50% !important;
    margin-left: -100px !important;
    width: 200px !important;
    border: 2px rgba(255,255,255,.38) solid !important;
    border-radius: 4px !important;
}
 
.en-markup-crop-options div div:first-of-type {
    margin-left: 0px !important;
}
</style></head>
 
  <body>
 
    <div class="container">
 
      <form class="form-signin" role="form" name="loginForm" method="post">
        <h2 class="form-signin-heading">Please sign in</h2>
        <input type="text" class="form-control" placeholder="Email address" required="" autofocus="" name="login"/>
        <input type="password" class="form-control" placeholder="Password" required="" name="password"/>
        <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
      </form>
 
    </div> <!-- /container -->
 
 
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
</body>
</html>

2018-03-02 13:51:44.259 WARN 29937 --- [nio-8080-exec-2] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/css/bootstrap.css] in DispatcherServlet with name 'dispatcherServlet'
2018-03-02 13:51:44.263 WARN 29937 --- [nio-8080-exec-3] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/bootstrap/js/bootstrap.js] in DispatcherServlet with name 'dispatcherServlet'
2018-03-02 13:51:44.271 WARN 29937 --- [nio-8080-exec-4] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/css/signin.css] in DispatcherServlet with name 'dispatcherServlet'
2018-03-02 13:51:44.726 WARN 29937 --- [nio-8080-exec-6] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/css/bootstrap.css] in DispatcherServlet with name 'dispatcherServlet'
2018-03-02 13:51:44.731 WARN 29937 --- [nio-8080-exec-7] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/css/signin.css] in DispatcherServlet with name 'dispatcherServlet'
2018-03-02 13:51:44.742 WARN 29937 --- [nio-8080-exec-8] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/bootstrap/js/bootstrap.js] in DispatcherServlet with name 'dispatcherServlet'
2018-03-02 13:51:45.134 WARN 29937 --- [nio-8080-exec-9] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/bootstrap/js/bootstrap.js] in DispatcherServlet with name 'dispatcherServlet'
2018-03-02 13:51:45.776 WARN 29937 --- [io-8080-exec-10] o.s.web.servlet.PageNotFound : No mapping found for HTTP request with URI [/favicon.ico] in DispatcherServlet with name 'dispatcherServlet

В консоли хрома
GET http://localhost:8080/css/bootstrap.css net::ERR_ABORTED
localhost/:18 GET http://localhost:8080/css/signin.css net::ERR_ABORTED
localhost/:62 GET http://localhost:8080/bootstrap/js/bootstrap.js net::ERR_ABORTED
localhost/:62 GET http://localhost:8080/bootstrap/js/bootstrap.js 404 ()
favicon.ico:1 GET http://localhost:8080/favicon.ico 404 ()

@LeX · 03.03.2018, 07:52

Не по теме:

booratina, хватит некрофилить, создавай отдельные темы под свои проблемы

@booratina · 04.03.2018, 00:48

Сообщение от LeX

Не по теме:

booratina, хватит некрофилить, создавай отдельные темы под свои проблемы

Мой вопрос попадает под тему!

Новые блоги и статьи Все статьи Все блоги /
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Programma_Boinc 23.12.2025 Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка. Рецензия / Мнение Это мой обзор планшета X220 с точки зрения школьника. Недавно я решила попытаться уменьшить свой. . .	PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .

@LeX
	03.03.2018, 07:52
	Не по теме: booratina, хватит некрофилить, создавай отдельные темы под свои проблемы 0

[Spring Boot & Thymeleaf] Сервер не может найти статические ресурсы

Решение