entityMap|blocks|key|a9br8|text|src/main/resources/static下面的任何地方都适合存放静态内容，如CSS、JavaScript和图像。静态目录由/提供。例如，src/main/resources/static/signin.css将由/signin.css提供服务，而src/main/resources/static/css/signin.css将由/css/signin.css提供服务。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4tcte|src/main/resources/templates文件夹是为视图模板设计的，这些模板将被模板引擎转换成超文本标记语言，你不应该把静态内容放在这个目录中。|bcif3|还要确保您没有在应用程序中使用@EnableWebMvc，因为这将禁用Spring+Boot对Spring+MVC的自动配置。^0|0|P|1U|1|21|10|33|B|3K|14|4Q|F|0|0|S|0|F|D^^$0|$]|1|@$2|3|4|5|6|7|8|K|9|@$A|L|B|M|C|D]|$A|N|B|O|C|D]|$A|P|B|Q|C|D]|$A|R|B|S|C|D]|$A|T|B|U|C|D]|$A|V|B|W|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|X|9|@$A|Y|B|Z|C|D]]|E|@]|F|$]]|$2|I|4|J|6|7|8|10|9|@$A|11|B|12|C|D]]|E|@]|F|$]]]]

Anywhere beneath <code>src/main/resources/static</code> is an appropriate place for static content such as CSS, JavaScript, and images. The static directory is served from <code>/</code>. For example, <code>src/main/resources/static/signin.css</code> will be served from <code>/signin.css</code> whereas <code>src/main/resources/static/css/signin.css</code> will be served from <code>/css/signin.css</code>.

The <code>src/main/resources/templates</code> folder is intended for view templates that will be turned into HTML by a templating engine such as Thymeleaf, Freemarker, or Velocity, etc. You shouldn't place static content in this directory.

Also make sure you haven't used <code>@EnableWebMvc</code> in your application as that will disable Spring Boot's auto-configuration of Spring MVC.

entityMap|blocks|key|9kqu5|text|除了将其放在src/main/resources/static下的任何位置并且不使用@EnableWebMvc之外，您还需要授权访问您的js或css文件夹，特别是如果您的类路径中有spring-boot-security的话。您将添加类似以下内容的内容：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|ehr4j|然后在您的HTML中：^0|6|P|16|D|1W|2|1Z|3|2I|K|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@$A|J|B|K|C|D]|$A|L|B|M|C|D]|$A|N|B|O|C|D]|$A|P|B|Q|C|D]|$A|R|B|S|C|D]]|E|@]|F|$]]|$2|G|4|H|6|7|8|T|9|@]|E|@]|F|$]]]]

Apart from placing it anywhere beneath <code>src/main/resources/static</code> and not using <code>@EnableWebMvc</code>, you'll need to authorize access to your <code>js</code> or <code>css</code> folder especially if you have <code>spring-boot-security</code> in you classpath. You'll add something like this:

<pre><code>@Configuration
@EnableWebSecurity
public class MainSecurityConfig extends WebSecurityConfigurerAdapter {
 @Override
 protected void configure(HttpSecurity http) throws Exception {
 http
 .authorizeRequests()
 .antMatchers("/", "/home", "/js/**", "/css/**").permitAll()
 .anyRequest().authenticated()
 .and()
 .formLogin()
 .loginPage("/login")
 .permitAll()
 .and()
 .logout()
 .permitAll();
 }
}
</code></pre>

Then in your HTML:

<pre><code>&lt;link rel="stylesheet" href="/css/bootstrap.min.css"&gt;
&lt;script src="/js/bootstrap.min.js"&gt;&lt;/script&gt;
</code></pre>

entityMap|blocks|key|dsmkq|text|您可以使用百里叶http://www.thymeleaf.org/|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2ohqm|示例|520id|记住在html标记中添加xmlns和xmlns:th。|emo0j|检查您的application.properties：|2sdvn|如果该键设置为false，spring+boot应用程序将不会加载任何资源。^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|K|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|L|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|M|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|N|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|O|9|@]|A|@]|B|$]]]]

You can use Thymeleaf <a href="http://www.thymeleaf.org/" rel="noreferrer">http://www.thymeleaf.org/</a>

Example

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"&gt;
&lt;head&gt;
 &lt;link rel="stylesheet" th:href="@{/css/signin.css}"/&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

Remember to add xmlns and xmlns:th in your html tag.

Check your application.properties:

<pre><code>spring.resources.add-mappings=true
</code></pre>

If that key is set to false, spring boot app will not load any resources.

entityMap|blocks|key|9liqv|text|禁用@EnableWebMvc帮助我解决了问题。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data^0|2|D^^$0|$]|1|@$2|3|4|5|6|7|8|G|9|@$A|H|B|I|C|D]]|E|@]|F|$]]]]

Disabling <code>@EnableWebMvc</code> helped me to resolve issue.

entityMap|blocks|key|a2plc|text|我使用Spring-Boot+2.0.2|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8mn0t|我仍然在webConfig.java中保留@EnableWebMvc注释，并覆盖addResourceHandlers()方法，以帮助浏览器通过http请求访问css和javascript文件。|offset|length|style|CODE|dautk|这是webapp目录的结构|396ut|​|fkci8|..。|3d376|webConfig.java|1it4k|index.jsp头标签：|bsikh|希望对你有帮助。^0|0|4|E|L|D|14|L|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|U|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|V|9|@$E|W|F|X|G|H]|$E|Y|F|Z|G|H]|$E|10|F|11|G|H]]|A|@]|B|$]]|$2|I|4|J|6|7|8|12|9|@]|A|@]|B|$]]|$2|K|4|L|6|7|8|13|9|@]|A|@]|B|$]]|$2|M|4|N|6|7|8|14|9|@]|A|@]|B|$]]|$2|O|4|P|6|7|8|15|9|@]|A|@]|B|$]]|$2|Q|4|R|6|7|8|16|9|@]|A|@]|B|$]]|$2|S|4|T|6|7|8|17|9|@]|A|@]|B|$]]]]

I use Spring-Boot 2.0.2

I still keep <code>@EnableWebMvc</code> annotation in my <code>webConfig.java</code> and override <code>addResourceHandlers()</code> method to help browser reaches css and javascript files through http request.

This is the webapp directory's structure

<img src="https://i.stack.imgur.com/IlXJ6.png" alt="directory structure">.

webConfig.java

<pre><code>@Configuration
@EnableWebMvc
@ComponentScan(basePackages = "example.com")
public class WebConfig implements WebMvcConfigurer {

 // =======================================
 // = Bean Config =
 // =======================================

 @Bean
 public InternalResourceViewResolver getInternalResourceViewResolver(){
 InternalResourceViewResolver resolver = new InternalResourceViewResolver();
 resolver.setPrefix("/WEB-INF/jsp/");
 resolver.setSuffix(".jsp");

 return resolver;
 }


 // =======================================
 // = Override Methods =
 // =======================================

 @Override
 public void addResourceHandlers(ResourceHandlerRegistry registry) {
 registry.addResourceHandler("/pdfs/**")
 .addResourceLocations("/WEB-INF/pdfs/");

 registry.addResourceHandler("/css/**")
 .addResourceLocations("/WEB-INF/css/");

 registry.addResourceHandler("/js/**")
 .addResourceLocations("/WEB-INF/js/");
 }
}
</code></pre>

index.jsp head tag:

<pre><code>&lt;head&gt;
 &lt;title&gt;Title&lt;/title&gt;

 &lt;!-- Custom styles for this template --&gt;
 &lt;link href="css/cover.css" rel="stylesheet"&gt;
&lt;/head&gt;
</code></pre>

hope it helps you.

entityMap|blocks|key|esaul|text|我使用Spring-Boot和百里香http://www.thymeleaf.org/|type|unstyled|depth|inlineStyleRanges|entityRanges|data|95c5t|这是目录的结构，如@Andy+Wilkinson+Response|3titc|​|3naq2|2e9v|示例^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|J|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|K|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|L|9|@]|A|@]|B|$]]|$2|G|4|F|6|7|8|M|9|@]|A|@]|B|$]]|$2|H|4|I|6|7|8|N|9|@]|A|@]|B|$]]]]

I use Spring-Boot with Thymeleaf <a href="http://www.thymeleaf.org/" rel="nofollow noreferrer">http://www.thymeleaf.org/</a>

This is the directory's structure like @<a href="https://stackoverflow.com/users/1384297/andy-wilkinson">Andy Wilkinson</a> Response

<a href="https://i.stack.imgur.com/9JgOy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9JgOy.png" alt="enter image description here"></a>

Example

<pre><code>&lt;link rel="stylesheet" href="../static/css/w3.css" th:href="@{/css/w3.css}"&gt;
</code></pre>

entityMap|blocks|key|bn76m|text|我发现如果将我的signin.css放在src/main/resources/META-INF/resources/static/css/signin.css，下，就可以使用/css/signin.css访问它|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5vm81|但是不知道为什么。^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|E|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|F|9|@]|A|@]|B|$]]]]

I found that if I put my signin.css under src/main/resources/META-INF/resources/static/css/signin.css, then I could access it using /css/signin.css

Not sure why though.

entityMap|blocks|key|7jdm|text|在我的例子中，引用css和js文件夹中的文件，如下所示：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1cp2s|我不得不把文件夹放在webapp文件夹中。我有以下文件夹结构：|9f2p6|我的应用程序|442mg|我的意思是，如果我将css和js文件夹放在resources文件夹(在main下)，它将是：|ffpji|如果我把它们放在静态文件夹中(在资源下)，它就不能工作。^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|K|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|L|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|M|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|N|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|O|9|@]|A|@]|B|$]]]]

In my case to reference files inside css and js folders like this:

<pre><code>&lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;link href="css/bootstrap.min.css" rel="stylesheet"&gt;
&lt;link href="css/carousel.css" rel="stylesheet"&gt;
</code></pre>

I had to place the folders in webapp folder.
I have the following folder structure:

Myapp

<pre><code>-src
 -main
 -java
 -resources
 -static
 -templates
 -webapp
 -resources
 -WEB-INF
</code></pre>

I mean if i had placed the css and js folders in resources folder (under main) it would have been:

<pre><code>&lt;link href="../resources/css/carousel.css" rel="stylesheet"&gt;
&lt;link href="../resources/css/bootstrap.min.css" rel="stylesheet"&gt;
&lt;script src="../resources/js/bootstrap.min.js"&gt;&lt;/script&gt;
</code></pre>

If i place them in static folder (under resources) it doesn't work.

entityMap|blocks|key|1la6a|text|当我使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6bu3p|我的观点是这样的：^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|E|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|F|9|@]|A|@]|B|$]]]]

When i used:

<pre><code>src/main/resources/static/css.
</code></pre>

my views have this line:

<pre><code>&lt;link rel="stylesheet" href="/css/signin.css" /&gt;
</code></pre>

entityMap|blocks|key|bl0h1|text|src/resource/static/css|type|unstyled|depth|inlineStyleRanges|entityRanges|data|cjc5t|src/resource/static/js|2ojc0|src/resource/static/images|3d9hb|如果您使用的是spring+boot，请不要使用@EnableWebMvc，并检查spring+sercurity。^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|J|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|K|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|L|9|@]|A|@]|B|$]]]]

<ul>
<li>src/resource/static/css</li>
<li>src/resource/static/js</li>
<li>src/resource/static/images</li>
</ul>
Not use @EnableWebMvc if you are using spring boot and check spring sercurity.

entityMap|blocks|key|6n3nv|text|将所需的文件放入spring+boot中的静态文件夹中。然后，您可以直接访问jsp中所需的文件。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8pl74|希望它对我有帮助，因为它对我很有效。^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|E|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|F|9|@]|A|@]|B|$]]]]

Put the required files inside static folder in spring boot. And then you can access the required files inside the jsp directly.
Hope it helps as it worked for me.

In my current spring-boot project, my views have this line:

<pre><code>&lt;link href="signin.css" rel="stylesheet"/&gt;
</code></pre>

to reference a static css file. When I run the project, and access one of the views which reference this file, I get a 404 not found error or a 403 unauthorized error, depending where I put the file inside the project.

I try this so far:

<pre><code>src/main/resources/static/css (with this, I use css/signin.css instead of signin.css)

src/main/resources/templates/static/css (with this, I use css/signin.css instead of signin.css)

src/src/main/resources/templates/acesso (same folder of the html file)
</code></pre>

what the right place to store this type of files?

Where to put static files such as CSS in a spring-boot project?

Spring Boot

 在我当前的spring-boot项目中，我的视图是这样的： 若要引用静态css文件，请执行以下操作。当我运行项目并访问引用此文件的视图之一时，我得到一个404未找到错误或403未授权错误，这取决于我将文件放在项目中的哪个位置。 到目前为止，我尝试了一下： 存储这种类型的文件的正确位置是什么？

问在spring-boot项目中，将CSS这样的静态文件放在哪里？
EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在spring-boot项目中，将CSS这样的静态文件放在哪里？EN

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在spring-boot项目中，将CSS这样的静态文件放在哪里？
EN