将 JSF 前缀更改为后缀映射迫使我在 CSS 背景图像上重新应用映射

Question

我多年来一直使用前缀映射，并决定切换到后缀 映射，只是为了真正删除 url 中的 /faces 。我只是想要 在给自己挖坑之前检查一下我的方向是否正确 发生了一些意想不到的事情。我从这样改变：

<servlet-mapping>
    <servlet-name>FacesServlet</servlet-name>
    <url-pattern>/faces/*</url-pattern>
</servlet-mapping>

到这样：

<servlet-mapping>
    <servlet-name>FacesServlet</servlet-name>
    <url-pattern>*.xhtml</url-pattern>
</servlet-mapping>

然后我看到通过 FacesServlet 的所有内容都有 .xhtml 附加到它，以便浏览器请求 background.png.xhtml 文件， style.css.xhtml 文件 - 这是正确的吗？我想这被称为后缀映射， 但它对我来说看起来有点凌乱，我试图说服自己这是 要走的路。

在引用 URI 的 CSS 文件中，我还必须附加 .xhtml：

background-image: url(images/background.png.xhtml);

然后我看到了 BalusC 的一篇文章，它提供了一个解决方案来防止 不通过 FacesServlet 下载资源：

<security-constraint>
    <display-name>Restrict raw XHTML docs</display-name>
    <web-resource-collection>
        <web-resource-name>XHTML</web-resource-name>
        <url-pattern>*.xhtml</url-pattern>
    </web-resource-collection>
    <auth-constraint/>
</security-constraint>

当我添加此内容时，只有真正的 .xhtml 文件加载到页面上，所有 其他资源（尽管附加了 .xhtml）不会显示。

我想知道的是：

1. 这是否将 .xhtml 附加到一切正常的情况（抱歉，如果这些年 最愚蠢的问题）

2. 为什么“限制原始 xhtml 文档”安全约束会阻止诸如 CSS、JavaScript 和图像无法加载？

感谢您的任何反馈。我在 Glassfish 3.1 上使用 Mojarra 2.1.2。

Answer 1

然后我看到通过 FacesServlet 的所有内容都附加了 .xhtml，因此浏览器正在请求 .png.xhtml 文件、.css.xhtml 文件 - 这是对的吗？

这仅适用于 和 包含的资源。这与 URL 映射的更改无关。这与从 JSF 1.x 到 JSF 2.x 的更改以及从 和

对于您自己的脚本、样式表和其他要从公共网络内容提供的静态内容，您不应该不手动添加.xhtml扩展名。您不需要对现有静态资源进行任何更改。

仅适用于 CSS 背景图像和 CSS 文件中的其他 url() 引用，这些引用将使用 标签包含在其中 (因此不适用于

body {
    background-image: url("#{resource['libraryname:path/to/image.png']}");
}

想象一下您有以下内容/resources 文件夹结构：

WebContent
 |-- META-INF
 |-- resources
 |    `-- default
 |         |-- images
 |         |    `-- background.png
 |         `-- css
 |              `-- style.css
 |-- WEB-INF
 `-- test.xhtml

并且您将 style.css 包含在 test.xhtml 中，如下所示

<h:outputStylesheet library="default" name="css/style.css" />

，那么您应该定义背景图像URL 如下

body {
    background-image: url("#{resource['default:images/background.png']}");
}

或者，当您依赖默认库时，因此您没有使用库，那么它应该看起来像这样：

WebContent
 |-- META-INF
 |-- resources
 |    |-- images
 |    |    `-- background.png
 |    `-- css
 |         `-- style.css
 |-- WEB-INF
 `-- test.xhtml

test. xhtml:

<h:outputStylesheet name="css/style.css" />

style.css:

body {
    background-image: url("#{resource['images/background.png']}");
}

---

作为对于安全约束，当您已经使用 *.xhtml 映射时，不需要。安全约束旨在防止最终用户查看原始 XHTML 源代码。当 FacesServlet 映射到 *.xhtml 以外的模式时的代码。在 /faces/* 映射或重命名 .jsf 的情况下，最终用户只需从 URL 中删除 /faces 部分即可查看 XHTML 源代码 到 .xhtml（如果是 *.jsf 映射）。摆脱安全约束，在您的情况下，情况会变得更糟，因为您已经在使用 *.xhtml 映射，这使得您无法通过破解 URL 来查看原始 XHTML 源代码。