Springboot not serving css content from html file

Question

Good day, stack.

I've been stuck on this issue for a while, there are a lot of duplicates but mine differs slightly in that my code and hierarchy looks similar to others, but refuses to work. I'll jump right in and show my code.

The app

@SpringBootApplication
public class BookstoreApplication {

    public static void main(String[] args) {
        SpringApplication.run(BookstoreApplication.class, args);
    }
}

The controller

@Controller
public class HomeController {
    @RequestMapping("/")
    public ModelAndView showHome() {
        System.out.println("Showing home page");
        return new ModelAndView("test");
    }
}

The config

@Configuration
@EnableWebMvc
@ComponentScan("com.sean.books")
public class WebConfig extends WebMvcConfigurerAdapter {
    @Bean
    public ViewResolver getViewResolver() {
        System.out.println("Settings up view resolver");
        InternalResourceViewResolver resolver = new InternalResourceViewResolver();
        resolver.setPrefix("/WEB-INF/html/");
        resolver.setSuffix(".html");
        return resolver;
    }

    @Override
    public void configureDefaultServletHandling(
            DefaultServletHandlerConfigurer configurer) {
        System.out.println("Configuring servlet handling");
        configurer.enable();
    }
}

The html

<!doctype html>
<html lang="en" ng-app>
<head>
    <meta charset="utf-8">
    <title>Welcome to BooKart</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="css/app.css">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>

<div id="header-wrapper">
    <span class="logo pull-left">Book cart</span>
    <span class="tagline pull-left">We have 1 million books</span>
    <div class="nav-wrapper pull-left">
        <ul class="nav nav-pills">
            <li class="active"><a href="#">Books</a></li>
            <li><a href="#">Kart</a></li>
        </ul>
    </div>
</div>

</body>
</html>

The folder structure

Everything seems correct, I've tried to access the css file in several different ways but I seem unable to get my css to show.

Some advice would be greatly appreciated.

I should add that if I move my html folder to my static folder, I can access the html file from my controller by removing the config and accessing the file through html/test.html, it loads properly (without css, of course). This is odd to me. — creativeflow
– creativeflow, Commented Feb 8, 2016 at 8:19
<link rel="stylesheet" href=css/app.css"> should be <link rel="stylesheet" href="css/app.css"> — Aziz
– Aziz, Commented Feb 8, 2016 at 8:24
@Aziz that was an editing mistake, the problem unfortunately still persists. — creativeflow
– creativeflow, Commented Feb 8, 2016 at 8:30
Is that the generated HTML you wrote? Do you get any errors in the console? can you access the CSS directly in the URL to make sure it works? What does the Network tab show you? Are you sure the /css/ folder is in the same directory as the HTML file? — Aziz
– Aziz, Commented Feb 8, 2016 at 8:31
can you check for the file in your root directory? localhost/www/ — Aziz
– Aziz, Commented Feb 8, 2016 at 8:34

creativeflow · Accepted Answer · 2016-02-08 10:04:34Z

1

The solution was to move the css folder under /WEB-INF/ to be /WEB-INF/css, for some reason having the files under static won't deploy. I'll leave it like this for now.

answered Feb 8, 2016 at 10:04

creativeflow

1781 gold badge3 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Springboot not serving css content from html file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related