Question

我的 template.css 文件出现“http状态404 - 请求的资源不可用”错误。根据我的研究，我认为这是一个引用问题。

由于该错误，没有任何样式应用于我的welcome.xhtml。

然而，我已经检查并重新检查，似乎没有发现任何错误。请帮忙。

这是我的 Welcome.xhtml 页面

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
 xmlns:f="http://xmlns.jcp.org/jsf/core"
   xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
    <title>TODO supply a title</title>
    <meta name="viewport" content="width=device-width"/>
    <link  rel="stylesheet" type="text/css" href="../../CSS/templateCSS.css"/>
</h:head>

<h:body>
<!--  Rest of the code -->
</h:body>
</html>

我很确定问题出在 href =“../../ CSS / templateCSS.css”这一行。

由于我没有足够的“声誉”，我无法上传照片。

更新我已将参考文献更改为：

仍然无效。文件层次结构为：

网页文件夹
- CSS文件夹
  - templateCSS.css
- 网页文件夹
  - 模板文件夹
    - Welcome.xhtml

Answer 1

尝试了解引用外部样式表的工作原理。如果CSS文件与html文件位于同一文件夹中，则链接应如下所示：

<link rel="stylesheet" href="StyleSheetName.css" />

如果相反，CSS文件位于与HTML文件相同的文件夹中的文件夹（比如ABCFolder）（即ABCFolder和HTML文件处于同一级别），那么链接标记应如下所示：

<link rel="stylesheet" href="ABCFolder/StyleSheetName.css" />

现在，如果CSS文件位于文件夹（比如XYZFolder）中，该文件夹包含在HTML文件上一层的文件夹中（即XYZFolder和HTMLContainerFolder处于同一级别，而HTMLContainerFolder包含HTML文件）则链接标记应该是这样的：

<link rel="stylesheet" href="../XYZFolder/StyleSheetName.css" />

为了说清楚，你总是相对而言＃39;指定与HTML文件相关的文件夹路径。

您也可以提供样式表的绝对路径，但建议使用相对路径。

希望这有帮助。

Answer 2

您是否尝试过绝对网址？文件是否在服务器上或尝试/CSS/templateCSS.cssHave你试过一个绝对网址？该文件是否在服务器上？或者尝试/CSS/templateCSS.css

Answer 3

所以你的文件必须是两个文件夹../../（来自你的welcome.xhtml），而不是文件夹＆＃34; CSS＆＃34;。

../../ CSS / templateCSS.css

Answer 4

在任何WAR项目中，resources文件夹中都有Web Pages个文件夹。你应该利用它！例如，假设您有以下文件夹树：

-- Web Pages
   -- WEB-INF
   -- resources
      -- css
         -- template.css

您可以使用template.css将<{1}}文件添加到模板中：

<h:outputStylesheet>

供参考：

What is the JSF resource library for and how should it be used?

用于CSS文件 - ＆gt; http状态404 - 请求的资源不可用

4 个答案: