为什么我在html中包含的js上出现404错误?

时间:2014-09-17 21:10:28

标签: javascript html thymeleaf

我正在使用Maven,Spring 4,Angularjs和Thymeleaf构建一个webapp。我创建了一些Thymeleaf模板(在directoty模板/片段中)。我附上了我的eclipse web项目的截图。enter image description here

我面临的问题是引用库和css文件,我在firebug上找不到404。

HTML(index.html)

<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
  <head>
    <script type="text/javascript" href="/js/lib/angular.js" th:src="@{/js/lib/angular.js}"></script>
    <script type="text/javascript" th:src="@{/js/lib/ui-bootstrap-tpls-0.11.0.js}"></script>
    <title>Jobly - login page</title>
  </head>
  <body>
    <div th:include="templates/fragments/header::header"></div>
    <h1>Hello on a second page!</h1>
    <p>Click <a th:href="@{/hello}">here</a> to go back.</p>
    <div th:include="templates/fragments/footer::footer"></div>
  </body>
</html>

以下是标题模板的代码段:

<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" media="screen"/>

<script type="text/javascript" th:src="@{/js/lib/jquery-1.11.1.min.js}"></script>
<script type="text/javascript" th:src="@{/js/lib/bootstrap.min.js}"></script>

404错误截图下方 enter image description here

1 个答案:

答案 0 :(得分:0)

我已经解决了我的问题。这是在Spring配置文件中指定资源位置和映射的问题。我添加了app-servlet.xml

<mvc:resources mapping="/**" location="/"/>