如何將css和js添加到spring引導應用程序中？

Question

我嘗試CSS添加到我的HTML頁面在開機春季使用Thymeleaf，添加一個靜態文件夾中的CSS文件和鏈接這樣的說法：

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

，但它不工作。

---

我想停止訪問CSS和JS的URL，所以我說這個方法對我的安全配置

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

誰能告訴我什麼是我的錯誤，或者任何配置所需

Answer 1

.css和.js是靜態資源，Spring Boot將其默認映射到您的/resources/static文件夾中

例如：

有一個style.css文件如果要訪問它throught thymeleaf添加到您的HTML頭部分，其位於/resources/static/css/style.css

：

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

只是一個觀察這裏，如果您使用的是@EnableWebMvc註釋，那麼您應該通過您自己的配置映射靜態資源。

編輯

我想停止訪問CSS和JS的URL，所以我說這個方法對我的安全配置

所有的資源應該從瀏覽器，否則.css和.js訪問將不會被加載。

如果您需要獲得對資源的訪問只有通過驗證的用戶可以嘗試以下配置：

1. 轉到/resources/static文件夾，並創建兩個子文件夾，一個是資源的匿名用戶public和其他認證用戶private。
2. 將所有公共資源放到/resources/static/public文件夾中。
3. 將所有私人資源放入/resources/static/private文件夾。
4. 轉到你的春季安全配置類，讓你/private網址私人使用此配置：.antMatchers("/private/**").authenticated()，使/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資源。

關於到thymeleaf是同樣的做法，公衆的HTML頁使用公共資源：<link th:href="@{/public/public.css}" rel="stylesheet" />和保護資源的用戶私人soruces <link th:href="@{/private/syle.css}" rel="stylesheet" />