极客观点
项目管理
HarmonyOS
spring boot使用thymeleaf，页面的css文件加载不上。程序使用sercurity做登录验证。
css文件路径resources/static/css/bootstrap.min1.css
html文件中的加载语句如下：
<link th:href="@{css/bootstrap.min1.css}" rel="stylesheet" />
或者<link th:href="@{../static/css/bootstrap.min1.css}" rel="stylesheet" />
spring boot使用的版本的2.0.2.RELEASE
后台报错：
Refused to apply style from 'http://localhost:8080/login' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
程序代码：
login.html文件
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta content="text/html; charset=UTF-8"/>
<title>登录页面</title>
<!--<link rel="stylesheet" th:href="@{'http://apps.bdimg.com/libs/bootstrap/3.3.4/js/bootstrap.min.js'}"/>-->
<link th:href="@{../static/css/bootstrap.min1.css}" rel="stylesheet" />
<!--<link rel="stylesheet" th:href="@{css/bootstrap.min1.css}"/>-->
<style type="text/css">
body {
padding-top: 50px;
}
.starter-template {
padding: 40px 15px;
text-align: center;
}
.nini{
color: #2e6da4;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Spring Security演示</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a th:href="@{/}"> 首页 </a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="container">
<div class="starter-template">
<p th:if="${param.logout}" class="bg-warning">已成功注销</p>
<p th:if="${param.error}" class="bg-danger">有错误，请重试</p>
<h2 class="nini">使用账号密码登录</h2>
<form name="form" th:action="@{/login}" action="/login" method="POST">
<div class="form-group">
<label for="username">账号</label>
<input type="text" class="form-control" name="username" value="" placeholder="账号"/>
</div>
<div class="form-group">
<label for="password">密码</label>
<input type="password" class="form-control" name="password" placeholder="密码"/>
</div>
<input type="submit" id="login" value="Login" class="btn btn-primary"/>
</form>
</div>
</div>
</body>
</html>WebMvcConfig.java
@Configuration
public class WebMvcConfig extends WebMvcConfigurationSupport {
@Override
public void addViewControllers(ViewControllerRegistry registry) {
registry.addViewController("/login").setViewName("login");
}
}WebSercurityConfig.java
@Configuration
public class WebSercurityConfig extends WebSecurityConfigurerAdapter {
@Bean
UserDetailsService customUserService(){
return new CustomUserService();
}
@Override
protected void configure(AuthenticationManagerBuilder auth) throws Exception {
auth.userDetailsService(customUserService()).passwordEncoder(new BCryptPasswordEncoder());
}
@Override
protected void configure(HttpSecurity http) throws Exception {
http.authorizeRequests()
.anyRequest().authenticated()
.and()
.formLogin()
.loginPage("/login")
.failureUrl("/login?error")
.permitAll()
.and()
.logout().permitAll();
}
}public class CustomUserService implements UserDetailsService {
@Autowired
SysUserRepository userRepository;
@Override
public UserDetails loadUserByUsername(String s) throws UsernameNotFoundException {
SysUser user = userRepository.findByUsername(s);
if(user == null){
throw new UsernameNotFoundException("用户名不存在");
}
return user;
}
}@Controller
public class HomeController {
@RequestMapping("/")
public String index(Model model){
Msg msg = new Msg("测试标题","测试内容","额外信息，只对管理员显示");
model.addAttribute("msg",msg);
return "home";
}
}
java
WebSercurityConfig.java