CSS在<welcome-file-list>中申请首页失败答案

【问题标题】：CSS fails to apply for the home page in <welcome-file-list>CSS在<welcome-file-list>中申请首页失败
【发布时间】：2019-01-03 00:04:09
【问题描述】：

您好，我在/WebContent/html/LoginPage.html中有一个主页LoginPage.html

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type"
    content="text/html; charset=windows-1256">
<title>Login Page</title>
<link rel="stylesheet" type="text/css" href="../css/jsStyle.css" />
</head>
<body>...</body>
</html>

我已经在 web.xml 中配置了相同的

</welcome-file-list>
    <welcome-file>/html/LoginPage.html</welcome-file>
</welcome-file-list>

问题：当我尝试从主页访问文件时 URL
http://localhost:8080/Project/
无法应用 CSS。
而当我通过特定位置的 URL 访问时
http://localhost:8080/Project/html/LoginPage.html
CSS 是已应用。

因此，加载欢迎页面时 CSS 无法应用；我尝试了多种选择。请帮忙。

【问题讨论】：

您确定您引用了正确的 CSS 文件（文件路径、文件名）吗？使用../ 意味着您将从HTML 文件所在的目录向上移动一个目录。并使用您的示例，打开 Project 目录上的文件会运行 CSS，这意味着您的 HTML 文件位于此处，而您的 CSS 文件位于 localhost:8080/css 目录中
刚才试了下，申请不了。 <link rel="stylesheet" type="text/css" href="css/jsStyle.css" /> 从现在开始，css文件夹在html里面。
您可以尝试检查您的文档吗？尝试查看页面源代码，以便查看资产的链接。然后尝试单击 CSS 的带下划线的链接。打开资源后，您可能会发现为什么它没有加载的线索。
是的，这是个好主意，我正在尝试一些组合。谢谢。完成后会更新。
<link rel="stylesheet" type="text/css" href="./html/css/jsStyle.css" /> 这成功了。现在它正在加载主页。 CSS URL 是 http://localhost:8080/Project/html/css/jsStyle.css 但是当我转到特定的 URL 时，它会失败。在这种情况下，CSS URL 是：http://localhost:8080/Project/html/html/css/jsStyle.css 'html' 来了两次。

标签： html css jakarta-ee web-applications welcome-file

【解决方案1】：

您的 css 文件位置必须相对于 html 文件。我认为目前您的 css 文件位于项目文件夹中。如果您想在使用 http://localhost:8080/Project/ 时访问 css，您的 css 路径必须是 css/jsStyle.css。如果它不起作用，请更新您的文件夹树结构。

【讨论】：

WebContent/css/jsStyles.css; WebContent/html/LoginPage.html
我按照你说的做了修改，到现在还是无法在首页应用；但它正在申请具体的网址。
您是否发现任何控制台错误，例如无法加载css/jsStyle.css？
是的，加载 CSS 失败。
我很确定这是你的路。现在尝试加载 css 文件，同时将其保存在 html 存在的相同位置并加载 jsStyle.css。如果可能的话，你能用树结构更新我吗？我的意思是像一个截图...

【解决方案2】：

我找到了问题的解决方案。
主页必须位于根文件夹中。 /Web内容
我对 CSS 引用进行了相应的更改。

谢谢你， JJ

【讨论】：