您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

如何将CSS和JS添加到Spring Boot应用程序?

如何将CSS和JS添加到Spring Boot应用程序?

.css并且.js是静态资源,认情况下,Spring Boot会将其映射到您的/resources/static文件夹中

例如:

一个style.css文件位于/resources/static/css/style.css

如果要通过百里香叶访问它,请将其添加到html头部分:

<link th:href="@{/css/style.css}" rel="stylesheet" />

这里只是一个观察,如果您使用的是@EnableWebMvc注释,则应通过自己的配置映射静态资源。

我想停止访问URL中的CSS和js,所以我将此方法添加到了安全配置中

所有的资源应该从浏览器进行访问,否则.css.js不会被加载。

如果您只需要访问经过身份验证的用户的资源,则可以尝试以下配置:

安全配置示例:

  @Override
    protected void configure(HttpSecurity http) throws Exception {
        http
                .authorizeRequests()
                .antMatchers( "/public/**").permitAll()
                .antMatchers( "/private/**").authenticated()
                .anyRequest().authenticated()
                .and()
                .formLogin()
                .loginPage("/login")
                .permitAll()
                .and()
                .logout()
                .permitAll()

        ;
    }
}

最后,尝试访问公共资源,例如,如果您style.css在公共文件夹下有一个文件,然后尝试访问它:http://localhost:808/public/style.css,浏览器应显示style.css内容

当您尝试访问该私人文件夹(无身份验证),例如有私人文件夹下的private.css那就试试吧:http://localhost:808/private/private.css。您应该被重定向登录页面,这意味着您应该首先登录,然后在那个spring之后,您将可以访问private.css资源。

关于百里香,这是相同的方法,因为公共HTML页面使用公共资源:<link th:href="@{/public/public.css}" rel="stylesheet" />而对于受保护资源,用户使用私有资源<link th:href="@{/private/syle.css}" rel="stylesheet" />

CSS 2022/1/1 18:14:44 有764人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶