Spring mvc: css does not work when adding slash at the end of URL

Question

I am new to Spring MVC and i am having a problem with CSS. When the URL ends with slash CSS does not work.
link goes like this
<link rel="stylesheet" href="themes/style.css">
mvc:resources mapping
<mvc:resources mapping="/themes/**" location="/WEB-INF/themes/"/>
and requestMapping goes like this

@RequestMapping("/login")
public ModelAndView loginPage() {

    ModelAndView model = new ModelAndView("login");

    return model;
}

So the problem is when i enter a URL like ../login the css loads normally, but when i enter ../login/ with ending slash, then the css does not load. Well there are many similar questions in here, but none of them is for Spring MVC.

Michal Korecki · Accepted Answer · 2015-08-20 11:49:07Z

6

Instead of

<link rel="stylesheet" href="themes/style.css">

try this:

<link rel="stylesheet" href="/themes/style.css">

When you use href="themes/style.css" then for url like: .../login/ the request url for css file looks like:

.../login/themes/style.css

which is incorrect. When you use href="/themes/style.css" then it always should result with:

.../themes/style.css

Update:

If it is jsp page, then add <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> on top of the page and change:

<link rel="stylesheet" href="themes/style.css">

into

<link rel="stylesheet" href="<c:url value="/themes/style.css" />">

edited Aug 20, 2015 at 11:49

answered Aug 20, 2015 at 11:27

Michal Korecki

1331 silver badge8 bronze badges

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

1 Comment

arminrock Over a year ago

in this case CSS stops loading for ../login too.

shyam bhati · Accepted Answer · 2017-11-05 12:16:30Z

1

it will work 100%

step 1

<mvc:resources location="/WEB-INF/assets/" mapping="/resources/**"></mvc:resources>

setp 2

<spring:url var="css" value="/resources/css/"/>
<spring:url var="js" value="/resources/js/"/>

<spring:url var="image" value="/resources/image/"/>

add a slash after value

step 3

add your style sheet like this

 <link rel="stylesheet" 
    href="${css}/common/bootstrap.min.css">

answered Nov 5, 2017 at 12:16

shyam bhati

111 bronze badge

Collectives™ on Stack Overflow

Spring mvc: css does not work when adding slash at the end of URL

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related