Question

我正在尝试制作一个简单的Servlets + JSP项目。它的结构如下：

enter image description here

的index.jsp：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <title>App</title>
  <link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
<h1>Header</h1>
</body>
</html>

的style.css：

body {
    background-color: beige;
}

的web.xml：

<web-app>
    <display-name>App</display-name>

    <servlet>
        <servlet-name>IndexServlet</servlet-name>
        <servlet-class>com.example.web.IndexServlet</servlet-class>
    </servlet>

    <servlet-mapping>
        <servlet-name>IndexServlet</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>

当我启动应用程序并在浏览器中打开它时，我看到了index.jsp页面，但是它的背景是白色的，所以css不在那里工作。可能是什么问题？

Answer 1

您的应用中存在两个问题：

在JSP中，您应该使用${pageContext.request.contextPath}附加网址的基本路径。有了这个，您可以确定您将使用绝对路径而不是URL的相对路径。所以，这个：
```
<link rel="stylesheet" type="text/css" href="../css/style.css"/>
```
将是
```
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css"/>
```
这也可以通过使用JSTL中的<c:url>来实现：
```
<link rel="stylesheet" type="text/css" href="<c:url value='/css/style.css' />"/>
```
您的servlet已映射到您应用中发出的每个请求。请注意，这包括对此CSS文件等资源的简单请求。如果您未成功处理这些请求，则可能会收到错误响应或空响应等，具体取决于您如何处理servlet中的CSS文件请求。我建议您更改servlet的URL模式，以映射到特定路径。
```
<servlet-mapping>
    <servlet-name>IndexServlet</servlet-name>
    <url-pattern>/index</url-pattern>
</servlet-mapping>
```

JSP没有看到CSS

1 个答案: