user630702
user630702

Reputation: 3097

JSP - CSS file and JS files aren't loading at all

I'm unable to load js and css files in JSP file. In desktop it runs as http://localhost/ but in server it will run as http://localhost/myapp/. How can I ensure it works everywhere?

enter image description here

GET http://localhost:8080/js/jquery.min.js net::ERR_ABORTED 404 (Not Found)

GET http://localhost:8080/css/bootstrap.min.css net::ERR_ABORTED 404 (Not Found)

In head Head tag I have this..

                <script src="/js/jquery.min.js" type="text/javascript"></script>
                <link rel="stylesheet" type="text/css"  href="/css/bootstrap.min.css">

Edit: I tried the following and it's still not working..

enter image description here

Edit: even tried the following as suggested in this article

enter image description here

Upvotes: 1

Views: 1069

Answers (1)

user630702
user630702

Reputation: 3097

Fixed it.

I moved the css and js folder to src/main/resoucres/static/ and also I had to remove @EnableMVC from the Application.java and then it started working.

Also I had to add {pageContext.request.contextPath} to index.jsp otherwise it wouldn't work on the server since the URL would be http://localhost/myapp/.

<script src="{pageContext.request.contextPath}/js/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css"  href="{pageContext.request.contextPath}/css/bootstrap.min.css">

Upvotes: 1

Related Questions