鍍金池/ 問答/Java/ spring boot,Sercurity 加載css文件失敗

spring boot,Sercurity 加載css文件失敗

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("測試標(biāo)題","測試內(nèi)容","額外信息,只對管理員顯示");
        model.addAttribute("msg",msg);
        return "home";
    }
}
回答
編輯回答
維她命
<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>登錄</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link th:href="@{/css/plugins/login/styles.css}" rel="stylesheet" type="text/css" />
</head>

WebSercurityConfig.java

//過濾樣式
.antMatchers("/css/**", "/js/**","/images/**")
2017年11月29日 01:23