Question

我想制作自定义登录页面。但是，当我启用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 &amp; 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>

Answer 1

您提到CSS已加载，但实际和预期的屏幕背景不同。查看chrome检查器或firebug中的网络选项卡。是否加载了所有静态资源（包括图像）？任何请求都会因授权错误而失败吗？

Spring security 5和Bootstrap - 不显示任何内容

1 个答案: