Сайт не загружает ресурсы
Я попытался добавить материал для входа в систему, но затем все это перестало работать правильно. Я имею в виду:
Отказано в применении стиля из «http://локальный:8080/логин», поскольку его тип MIME («текст/html») не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME.
Я потратил на это 3 часа.
<!DOCTYPE html>
<html xmlns = "http://www.w3.org/1999/xhtml" xmlns:th = "http://www.thymeleaf.org" xmlns:sec = "http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
<title>Logging </title>
<link rel = "stylesheet" href = "loginStyle.css" type = "text/css" />
</head>
<body>
<div class = "image-bg">
<div class = "login">
<div class = "allarms">
<div th:if = "${param.error}">
Wrong password
</div>
<div th:if = "${param.logout}">
Logged out
</div>
</div>
<form th:action = "@{/login}" method = "post" id = "form-login">
<div><label> User : <input type = "text" name = "username" />
</label></div>
<div><label> Password <input type = "password" name = "password" /> </label>
</div>
<div id = "input-login"><input type = "submit" value = "Log in" /></div>
</form>
</div>
</div>
</body>
</html>
И это мой файл css:
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
text-align: center;
}
.image-bg {
background-image: url("bgimage.jpg");
background-repeat: no-repeat;
height: 900px;
background-size: cover;
position: relative;
background-position: center;
}
.login {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 40px;
}
.login .form-login {
padding: 5px;
}
.login .allarms {
color: red;
font-weight: 900;
}
PS
Произошло что-то странное... Я добавил новый html-файл с новым css-файлом, и старая ошибка вернулась к этому новому HTML-файлу - лол? Я получаю эту ошибку:
Отказано в применении стиля из '', поскольку его тип MIME ("application/json") не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME.
Но старые файлы HTML правильно загружают файлы css.
Ответы 1
Если вы используете инспектор в своем браузере, показывает ли он какие-либо ошибки? Если вы проверите вкладку «Сеть», увидите ли вы загружаемые файлы? Я вижу, вы используете Spring Security, разрешили ли вы всем загружать свои ресурсы?
Это потому, что когда я удаляю: .anyRequest().authenticated() из конфигурации веб-безопасности, все работает нормально. Я сделал это так: .antMatchers("/", "/showAllCats", "/showAllDogs","/resources/**").permitAll(), но безуспешно. Все равно ресурсы не загружаются.
Хорошо, чувак, спасибо за помощь. Я понятия не имел, что Spring Security блокирует ресурсы :) Я решил это, добавив сайты, которые я хочу заблокировать, с ведением журнала в .antMatches("**** STRINGS ****).authenticated()
Помоги мне, пожалуйста :/