为什么我的外部 css 在子目录文件夹中不起作用？

Question

我的项目文件是这样的：

网页
- 网络信息
  - 查看
- CSS
- 用户
  - account.jsp
  - error.jsp
  - login.jsp

view 文件夹中的所有 jsp pages 在浏览器中完美加载 css。但它不适用于子目录 User 中的页面。我尝试了绝对路径而不是相对路径，但它仍然不起作用......知道这个问题的根本原因吗？几个小时以来一直试图弄清楚......如果它可以帮助，我最近对我的 web.xml 进行了更改......我怀疑它与它有关但永远不知道......下面的所有代码.

Account.jsp

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Site | <fmt:message key='UserAccount'/></title>
        <link rel="stylesheet" type="text/css" href="css/account.css">
        <link rel="stylesheet" type="text/css" href="css/header.css">
        <link rel="stylesheet" type="text/css" href="css/footer.css">  
    </head>

Login.jsp

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Site | <fmt:message key='LoginRegister'/></title>
        <link rel="stylesheet" type="text/css" href="web/css/login_register.css">
        <link rel="stylesheet" type="text/css" href="web/css/header.css">
        <link rel="stylesheet" type="text/css" href="web/css/footer.css"> 
    </head>

Error.jsp

<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Site | Login Error</title>
        <link rel="stylesheet" type="text/css" href="css/login_register.css">
        <link rel="stylesheet" type="text/css" href="css/header.css">
        <link rel="stylesheet" type="text/css" href="css/footer.css"> 
    </head>

最近对 web.xml 的更改：

<jsp-property-group>
            <description>Handle the user console</description>
            <display-name>Jsp configuration for the user console </display-name>
            <url-pattern>/user/account.jsp</url-pattern>
            <url-pattern>/user/login.jsp</url-pattern>
            <url-pattern>/user/error.jsp</url-pattern>
            <include-prelude>/user/jspf/header.jspf</include-prelude>
            <include-coda>/user/jspf/footer.jspf</include-coda>
        </jsp-property-group>

    </jsp-config>
    <security-constraint>
        <display-name>Site User Administration</display-name>
        <web-resource-collection>
            <web-resource-name>Site User Administration</web-resource-name>
            <description/>
            <url-pattern>/user/*</url-pattern>
        </web-resource-collection>

        <auth-constraint>
            <description/>
            <role-name>siteUser</role-name>
        </auth-constraint>
    </security-constraint>


    <login-config>
        <auth-method>FORM</auth-method>
        <realm-name>file</realm-name>
        <form-login-config>
            <form-login-page>/user/login.jsp</form-login-page>
            <form-error-page>/user/error.jsp</form-error-page>
        </form-login-config>
    </login-config>


    <security-role>
        <description>Security for User</description>
        <role-name>mebzoneUser</role-name>
    </security-role>
</web-app>

Answer 1

使用绝对路径，尝试在您的路径中添加前导斜线。

    <link rel="stylesheet" type="text/css" href="/web/css/login_register.css">
    <link rel="stylesheet" type="text/css" href="/web/css/header.css">
    <link rel="stylesheet" type="text/css" href="/web/css/footer.css">

如果你想要子目录中的相对路径，那么从父目录开始使用..

    <link rel="stylesheet" type="text/css" href="../css/login_register.css">
    <link rel="stylesheet" type="text/css" href="../css/header.css">
    <link rel="stylesheet" type="text/css" href="../css/footer.css">

Answer 2

我的目录路径是Prod/bootstrap/style.css，我正在使用这个路径

script src="bootstrap-3.3.4-dist/js/bootstrap.min.js"  type="text/css"

这个也试过了，嗯

script src="~/bootstrap-3.3.4-dist/js/bootstrap.min.js"  type="text/css"

还有

script src="../bootstrap-3.3.4-dist/js/bootstrap.min.js"  type="text/css"

它正在处理放置在主目录中的页面，但是当我使用子文件夹中的页面时，CSS 无法在客户端加载。

例如Prod/Modules/Example.aspx

请为这个问题提供更好的解决方案。

为什么我的外部 css 在子目录文件夹中不起作用？

Why is my external css not working in a sub-directory folder?

html

jsp

web.xml