Spring Boot Не удалось загрузить ресурс: сервер ответил со статусом 404 - PullRequest
Новая
       5

Spring Boot Не удалось загрузить ресурс: сервер ответил со статусом 404

0 голосов
/ 26 июня 2018

Я сталкиваюсь с этой ошибкой:

enter image description here

Не удалось загрузить ресурс: сервер ответил со статусом 404

Вот как я загружаю css . Обратите внимание, что я не использую WebMvcConfigurer. 

<head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Material Design Bootstrap</title>
   <!-- Font Awesome -->
   <link rel="stylesheet" th:href="@{https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css}">
   <!-- Bootstrap core CSS -->
   <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
   <!-- Material Design Bootstrap -->
   <link rel="stylesheet" th:href="@{/css/mdb.min.css}">
   <!-- Your custom styles (optional) -->
   <link rel="stylesheet" th:href="@{/css/style.css}">
</head>

И я загружаю js файлы в конце страницы (основной текст). 

   <body>

    ......      

    <!-- SCRIPTS -->
    <!-- JQuery -->
    <script type="text/javascript" src="/static/js/jquery-3.1.1.min.js" th:src="@{/js/jquery-3.1.1.min.js}"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="/static/js/popper.min.js" th:src="@{/js/popper.min.js}"></script>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="/static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="/static/js/mdb.min.js" th:src="@{/js/mdb.min.js}"></script>
 </body>

В чем может быть причина?

EDIT:

Вот моя структура каталогов

enter image description here

Ответы [ 3 ]

0 голосов
/ 27 июня 2018

Кажется, вы делаете ошибку во время загрузки jquery. Ваш jquery jquery-3.3.1.min.js, но вы загружаете jquery-3.1.1.min.js 

 <script type="text/javascript" src="/static/js/jquery-3.1.1.min.js" th:src="@{/js/jquery-3.1.1.min.js}"></script>

Итак, проверьте версию jquery.

0 голосов
/ 25 марта 2019

это сработало для меня.

Вот как мои файлы в статической папке:

вот как я включаю файлы из статической папки в мои html-страницы:

Я избавляюсь от статической папки в пути, так как сервер, который, как мне кажется, знает, ищет статический контент в статической папке. поэтому путь для моего all.min.css будет.

http://127.0.0.1:8080/js/demo/all.min.css

будет искать в статической папке.

если вы добавите статический, т.е.

{link href = "/ static / vendor / fontawesome-free / css / all.min.css" rel = "stylesheet" type = "text / css"}

сервер будет искать

http://127.0.0.1:8080/static/static/js/demo/all.min.css

и этот путь не получится

не забудьте разрешить маршруты в antmatchers, если вы используете Spring Security. смотри прикрепленное изображение

разрешить маршруты к папкам в статической папке при использовании Spring Security:

0 голосов
/ 27 июня 2018

directory structure

Загрузка css 

<link href="../static/assets/css/materialize.min.css" type="text/css"
    rel="stylesheet" th:href="@{/assets/css/materialize.min.css}"
    media="screen,projection">

Нагрузка JS 

<script type="text/javascript" src="../static/assets/js/materialize.min.js"
    th:src="@{/assets/js/materialize.min.js}"></script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...