如何将css和js添加到spring启动应用程序中？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何将css和js添加到spring启动应用程序中？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2257字，纯文字阅读大概需要4分钟。

内容图文

我尝试使用Thymeleaf在Spring Boot中将CSS添加到我的HTML页面,在静态文件夹中添加CSS文件并以这种方式链接：

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

但它不起作用.

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

@Override
public void configure(WebSecurity web) throws Exception {
   web
      .ignoring()
      .antMatchers("/resources/static/**"); // #3
}

任何人都可以告诉我什么是我的错误或是否需要任何配置？

解决方法:

.css和.js是静态资源,Spring Boot默认将它映射到/ resources / static文件夹中

例如：

style.css文件位于/resources/static/css/style.css中

如果你想通过thymeleaf访问它,请将其添加到你的html head部分：

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

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

编辑

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

所有资源都应该从浏览器访问,否则将不会加载.css和.js.

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

>转到/ resources / static文件夹并创建两个子文件夹,一个用于匿名用户公共资源,另一个用于私有身份验证用户.
>将所有公共资源放入/ resources / static / public文件夹.
>将所有私有资源放入/ resources / static / private文件夹.
>转到您的Spring Security配置类,并使用以下配置使您的/ private URL保密：.antMatchers(“/ private / **”).authenticated()和make / public可供匿名用户访问：.antMatchers(“/ public / **“).permitAll()

安全配置示例：

  @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.您应该被重定向到登录页面,这意味着您应该首先登录,然后在那个春天之后将允许您访问private.css资源.

关于百里香,对于公共html页面使用公共资源是相同的方法：< link th：href =“@ {/ public / public.css}”rel =“stylesheet”/>并且对于受保护资源的用户私密场所< link th：href =“@ {/ private / syle.css}”rel =“stylesheet”/>

内容总结

以上是互联网集市为您收集整理的如何将css和js添加到spring启动应用程序中？全部内容，希望文章能够帮你解决如何将css和js添加到spring启动应用程序中？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端