由于路径差异 java、spring mvc、velocity 找不到 JS/CSS 文件

Question

我有这个目录结构：

webapp
 - resources
   - custom.js
   - base.css
 - WEB-INF
 - views
   - layout.vm
   - top.vm
   - footer.vm
   - index.vm
   - FolderA
     - restricted.vm

我的 layout.vm 是：

#parse('top.vm')
$screen_content
#parse('footer.vm')

我的 top.vm 包含这些 JS 和 CSS 文件：

<link href="resources/base.css" rel="stylesheet">
<script src="resources/custom.js"></script>

现在，当我访问 http://www.example.com:8080/index 页面时，我看到找到了 JS 和 CSS 文件。 但是当我访问http://www.example.com:8080/FolderA/restricted时，却找不到JS和CSS文件。当我在顶部更改它时它可以工作

但随后索引页面已损坏。

我正在使用 spring 控制器来返回适当的视图。 例如以下返回索引页面：

@RequestMapping(value = "/", method = RequestMethod.GET)
public String home(Model model) {       
    return "index";
}

这将返回受限视图：

@Controller
@RequestMapping(value = "/FolderA")
public class SomeController {

    @RequestMapping(value = "", method = RequestMethod.GET)
    public String secured(Model model) {

        return "FolderA/restricted";
    }

关于如何解决此问题的任何建议？

顺便说一句，我在使用常规 jsp 文件时也遇到了这个问题，但我设法使用<c:url ..> 修复了它。我不知道这如何以速度解决。

Answer 1

那是因为您声明的资源与用于访问视图的 url 相关。 您必须将所有静态资源 url 更改为绝对 你可以使用 tag来做到这一点

从此改变

<script src="resources/custom.js"></script>

到

<script src="<c:url value="/resources/custom.js"/>"></script>

这应该在 HTML 中生成类似这样的内容

<script src="<c:url value="http://www.example.com:8080/FolderA/resources/custom.js"/>">
</script>

注意 但是为了这个工作你应该添加 %@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 到你的jsp 并将jst tag library 包含在 webapp 中

编辑------

对于 JS 和 CSS 文件中引用的路径，有一个变通方法。使用base tag 来 定义HTML中需要使用的绝对路径标签

<base href="http://www.example.com:8080/FolderA/">