Question

我尝试添加一个登录内容，但随后整个内容都无法正常工作。我的意思是：

拒绝应用“ http://localhost:8080/login”中的样式，因为它的MIME类型（“ text / 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

发生了一些奇怪的事情...我用新的CSS文件添加了一个新的HTML文件，而旧错误又回到了这个新的HTML文件-大声笑？我收到此错误：

拒绝应用''中的样式，因为它的MIME类型（'application / json'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查。

但是旧的HTML文件正确加载了CSS文件。

Answer 1

如果在浏览器中使用检查器，是否显示任何错误？如果选中“网络”选项卡，是否看到任何文件正在加载？我看到您正在使用Spring Security，您是否允许所有人加载您的资源？

网站没有加载资源

1 个答案: