How to use relative paths without including the context root name

Question

To working my static file  CSS  JS  I have to write absolute path like  AppName templates style main css  Is there any solution  that I could write relative path like style main css

User · Answer

This could be done simpler     lt base href    pageContext request contextPath     gt    All URL will be formed without unnecessary domain port but with application context

User · Answer

If your actual concern is the dynamicness of the webapp context  the  AppName  part   then just retrieve it dynamically by HttpServletRequest getContextPath      lt head gt       lt link rel  stylesheet  href    pageContext request contextPath  templates style main css    gt       lt script src    pageContext request contextPath  templates js main js  gt  lt  script gt       lt script gt var base      pageContext request contextPath    lt  script gt   lt  head gt   lt body gt       lt a href    pageContext request contextPath  pages foo jsp  gt link lt  a gt   lt  body gt    If you want to set a base path for all relative links so that you don t need to repeat   pageContext request contextPath  in every relative link  use the  lt base gt  tag  Here s an example with help of JSTL functions    lt    taglib prefix  c  uri  http   java sun com jsp jstl core    gt   lt    taglib prefix  fn  uri  http   java sun com jsp jstl functions    gt       lt head gt       lt c set var  url  gt   pageContext request requestURL  lt  c set gt       lt base href    fn substring url  0  fn length url  - fn length pageContext request requestURI     pageContext request contextPath      gt       lt link rel  stylesheet  href  templates style main css    gt       lt script src  templates js main js  gt  lt  script gt       lt script gt var base   document getElementsByTagName  base   0  href  lt  script gt   lt  head gt   lt body gt       lt a href  pages foo jsp  gt link lt  a gt   lt  body gt    This way every relative link  i e  not starting with   or a scheme  will become relative to the  lt base gt    This is by the way not specifically related to Tomcat in any way  It s just related to HTTP HTML basics  You would have the same problem in every other webserver   See also    Browser can  39 t access find relative resources like CSS  images and links when calling a Servlet which forwards to a JSP Is it recommended to use the  lt base gt  html tag

User · Answer

You start tomcat from some directory - which is the  cwd for tomcat  You can specify any path relative to this  cwd   suppose you have  home - tomcat    bin - cssStore    file css   And suppose you start tomcat from   tomcat  using the command  bin startup sh      tomcat becomes the home directory   cwd  for tomcat  You can access     cssStore file css  from class files in your servlet now  Hope that helps  - M S

User · Answer

Just use  lt c url gt -tag with an application context relative path   When the value parameter starts with an    then the tag will treat it as an application relative url  and will add the application-name to the url  Example   jsp    lt c url value   templates style main css  var  mainCssUrl    gt    lt link rel  stylesheet  href    mainCssUrl     gt       lt c url value   home  var  homeUrl    gt    lt a href    homeUrl   gt home link lt  a gt    will become this html  with an domain relative url    lt link rel  stylesheet  href   AppName templates style main css    gt       lt a href   AppName home  gt home link lt  a gt

User · Answer

This is a derivative of  Ralph suggestion that I ve been using  Add the c url to the top of your JSP    lt    taglib prefix  c  uri  http   java sun com jsp jstl core    gt   lt c url value     var  root    gt    Then just reference the root variable in your page    lt link rel  stylesheet  href    root templates style main css  gt

User · Answer

Instead using entire link we can make as below  solution concerns jsp files   With JSTL we can make it like  To link resource like css  js         lt link rel  stylesheet  href    pageContext request contextPath  style sample css    gt        lt script src    pageContext request contextPath  js sample js  gt  lt  script gt       To simply make a link         lt a id      class      href    pageContext request contextPath  jsp sample jsp  gt      lt  a gt    It s worth to get familiar with tags      lt    taglib prefix  c  uri  http   java sun com jsp jstl core   gt    There is also jsp method to do it like below  but better way like above       lt link rel  stylesheet  href   lt   request getContextPath    gt  style sample css    gt      lt script type  text javascript  src   lt   request getContextPath    gt  js sample js  gt  lt  script gt    To simply make a link       lt a id      class      href   lt   request getContextPath    gt  jsp sample jsp  gt      lt  a gt

[jsp] How to use relative paths without including the context root name?

Examples related to jsp

Examples related to servlets

Examples related to resources

Examples related to relative-path

Examples related to contextpath