Spring не может загрузить CSS - PullRequest
0 голосов
/ 29 июня 2018

Здравствуйте, у меня есть небольшая проблема, когда я запускаю свое загрузочное веб-приложение Spring, когда я иду на локальный хост, он не может загрузить CSS.

Я понял, что это происходит после добавления "@ComponentScan" в основной класс.

Итак, я попытался удалить его, и тогда все мои контроллеры не смогли загрузить ...

Может кто-то знает решение этой проблемы. Я пытался сделать это около 3 дней, но ничего не помогло. Я ставлю код ниже. Может быть, кто-то может понять это для меня.

MAIN.class

@SpringBootApplication
@EntityScan({"com.estomed.Model"})
@EnableJpaRepositories({"com.estomed.Repository"})
@ComponentScan(basePackages = {"com.estomed"}, useDefaultFilters = true)

public class SynchronizesiteApplication {

    public static void main(String[] args) {
        SpringApplication.run(SynchronizesiteApplication.class, args);
    }
}

WebConfig.class

@Configuration
public class WebConfig implements WebMvcConfigurer {

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

header.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="header">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="shortcut icon" type="image/x-icon" th:src="@{~/images/logo2.png}" 
/>
<link th:text="@{~/css/bootstrap.min.css}" rel="stylesheet" />
<link th:text="@{~/style.css}" rel="stylesheet" />
</head>
<body> <!-- Navigation -->
<!--class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"-->

</body>
</html>

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

Error

Я не знаю, что я могу сделать больше / надеюсь, ребята, вы мне поможете

Ответы [ 2 ]

0 голосов
/ 01 июля 2018

Попробуйте использовать

<link th:href="@{/bootstrap.min.css}" href="/bootstrap.min.css"  rel="stylesheet" type="text/css"  />
0 голосов
/ 29 июня 2018

Вы должны использовать th:href вместо th:text для тега ссылки

<!DOCTYPE html>
    <html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head th:fragment="header">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/images/logo2.png}" 
    />
    <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
    <link th:href="@{/style.css}" rel="stylesheet" />
    </head>
    <body> <!-- Navigation -->
    <!--class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top"-->

    </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...