Я хочу создать собственную страницу входа. Однако, когда я включаю Spring Security, контент не отображается (хотя css и js загружаются).
Конфигурация WebSecurity
protected void configure(HttpSecurity http) throws Exception {
http
.authorizeRequests().antMatchers("/resources/**", "/login**").permitAll()
.and()
.authorizeRequests().anyRequest().hasAnyRole("ADMIN", "USER")
.and()
.formLogin().loginPage("/login").loginProcessingUrl("/loginAction").permitAll()
.and()
.logout().logoutSuccessUrl("/login").permitAll()
.and()
.csrf().disable();}
При включенной безопасности я не вижу никакого контента со своей страницы jsp.
Это выглядит так:
Фон - это изображение.
На моей странице входа в систему jsp я включаю такие ресурсы, как:
<link href='<spring:url value = "/resources/css/animate.css"/>' rel = "stylesheet" />
<link href='<spring:url value = "/resources/css/icomoon.css"/>' rel = "stylesheet" />
<link href='<spring:url value = "/resources/css/bootstrap.css"/>' rel = "stylesheet" />
<link href='<spring:url value = "/resources/css/superfish.css"/>' rel = "stylesheet" />
<link href='<spring:url value = "/resources/css/style.css"/>' rel = "stylesheet" />
<script type = "text/javascript" src='<spring:url value = "/resources/js/modernizr-2.6.2.min.js"/>'></script>
<script type = "text/javascript" src='<spring:url value = "/resources/js/jquery.min.js"/>'></script>
<script type = "text/javascript" src='<spring:url value = "/resources/js/jquery.easing.1.3.js"/>'></script>
<script type = "text/javascript" src='<spring:url value = "/resources/js/bootstrap.min.js"/>'></script>
<script type = "text/javascript" src='<spring:url value = "/resources/js/jquery.waypoints.min.js"/>'></script>
<script type = "text/javascript" src='<spring:url value = "/resources/js/jquery.stellar.min.js"/>'></script>
<script type = "text/javascript" src='<spring:url value = "/resources/js/hoverIntent.js"/>'></script>
<script type = "text/javascript" src='<spring:url value = "/resources/js/superfish.js"/>'></script>
Div, который не отображается:
<div class = "fh5co-hero">
<div class = "fh5co-overlay"></div>
<div class = "fh5co-cover" data-stellar-background-ratio = "0.5" style = "background-image: url('resources/images/home-image.jpg');">
<div class = "desc animate-box">
<div class = "container">
<div class = "row">
<div class = "col-md-7">
<h2>Fitness & Health <br>is a <b>Mentality</b></h2>
<p><span>Start your journey<i class = "icon-heart3"></i></span></p>
<span><a class = "btn btn-primary" href = "#">Login</a></span>
</div>
</div>
</div>
</div>
</div>
</div>
Вы упомянули, что CSS загружен, но фактический и ожидаемый экраны отличаются фоном. Посмотрите на вкладку сети в Chrome Inspector или Firebug. Все ли статические ресурсы (включая изображения) загружены? Какие-либо запросы завершаются ошибкой авторизации?
Ничего страшного, но контент не загружается?
Я имею в виду, что фоновое изображение сейчас в порядке, но я не могу отображать контент. Я добавил больше изображений к первому посту.
Я изменил путь к img, и теперь все в порядке. Но контент по-прежнему не загружен. На вкладке сети в инспекторе Chrome все ресурсы имеют статус 200. Ошибок в консоли также нет.