javascript - 使用 URLRewriteFilter 未加载 CSS 和 JS

Question

我正在使用 URLRewriteFilter 清理 URL。我让它工作了，但是 css 和 js 文件没有正确链接。

以为我的元素是demo。

这是我的 urlrewrite.xml 文件:

<rule>
    <from>^/([0-9]+)$</from>
    <to>/test.jsp?id=$1</to>
</rule>

所以，当我转到 http://localhost:8080/demo/1234 时

它将把我转发到 test.jsp 并且我可以获得参数 id

但是没有加载 css 样式表和 js 脚本。所有的 css 和 js 文件都在元素的/css 和/js 文件夹中。

这是 css 和 js 脚本:

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

我添加了条件，但不确定它是否正确。

条件:

<rule>
    <condition type="request-uri">^(?!.*\.?:jpg|png|css|js)$).*$</condition>
    <from>^/(.*).css$</from>
    <to>/css/$1.css</to>
</rule>

有人可以让我知道我需要做什么吗？一些代码示例会对我有很大帮助。

谢谢

Answer 1

这是因为 URLRewriteFilter 将 url 转发到您的实际位置，所以问题是您更改了 url 路径，并且 js、css 和所有其他资源都根据 url 在新路径上搜索。

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

所有你需要把上下文路径放在这里。如果您的 css 和 js 位于相应元素上下文路径下的命名文件夹中。

<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery-ui.min.js"></script>
<link rel="stylesheet" href="<%=request.getContextPath() %>/css/jquery-ui.min.css" type="text/css"/>