CSS链接的相对路径分辨率

时间:2014-02-08 22:16:43

标签: html css tomcat hyperlink relative-path

我在http页面中阅读了很多关于绝对和相对路径分辨率的主题。不幸的是,我无法弄清楚我的情况有什么问题......所以我来了!

我的项目是一个基于Spring MVC / Thymeleaf / Bootstrap构建的Web应用程序。 在我的个人计算机上运行我的应用程序时,css链接无法解决。奇怪的是,它实际上是在另一台计算机上工作。

My Bootstrap文件位于:webapp/css/Bootstrap.css 我在html webapp中的链接: <link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>

在一台计算机上,该链接已解析为http://localhost:8080/css/Bootstrap.css。 另一方面,链接是http://localhost:8080/myAppContext/css/Bootstrap.css

我不明白我的配置有什么问题...

对我来说这是一种魔力......源代码完全相同,每台计算机上的tomcat版本都相同。 Java版本也完全一样...... tomcat servlet.xml配置没有区别。这看起来像个谜! :)

你能帮我吗?

3 个答案:

答案 0 :(得分:0)

为此,您不应该在发布应用程序时遇到问题,但如果它处于测试阶段,那么

答案 1 :(得分:0)

试试这个:

<link href="/css/bootstrap.css" rel="stylesheet" type="text/css"/>

如果html页面位于“http://localhost:8080/”之类的“http://localhost:8080/index.html”,则此工作正常

答案 2 :(得分:0)

好的,最后上帝说话听我说:加上斜线......

因此,当我使用最终斜杠请求我的应用时:http://localhost:8080/myAppContext/找到相对路径。

编码的喜悦!