javascript - 在带有注释的 Servlet 中找不到 CSS 和 JS

Question

我正在使用 Servlet 和 JSP 创建基本的 Web 应用程序。没有 web.xml，因为我使用的是基于注释的 servlet。这是结构:

basic-servlet-and-jsp
- src
  - main
    - java
    - resources
    - webapp
      - _includes
      - assets
      - about.jsp
      - home.jsp
- pom.xml

这是我的 pom.xml

<project xmlns="http://maven.apache.org/POM/4.0.0"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <groupId>io.github.julianjupiter</groupId>
    <artifactId>basic-servlet-and-jsp</artifactId>
    <packaging>war</packaging>
    <version>0.0.1-SNAPSHOT</version>
    <name>Basic Servlet and JSP</name>
    <properties>
        <failOnMissingWebXml>false</failOnMissingWebXml>
    </properties>
    <build>
        <finalName>basic-servlet-and-jsp</finalName>
    </build>
</project>

这是我的 CSS 代码:

<link rel="stylesheet" href="${pageContext.request.contextPath}/assets/vendor/bootstrap/dist/css/bootstrap.min.css">

生成为:

<link rel="stylesheet" href="/basic-servlet-and-jsp/assets/vendor/bootstrap/dist/css/bootstrap.min.css">

对于 JavaScript:

<script src="${pageContext.request.contextPath}/assets/vendor/jquery/dist/jquery.slim.min.js"></script>
    <script src="${pageContext.request.contextPath}/assets/vendor/popper/dist/umd//popper.min.js"></script>
    <script src="${pageContext.request.contextPath}/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

<script src="/basic-servlet-and-jsp/assets/vendor/jquery/dist/jquery.slim.min.js"></script>
    <script src="/basic-servlet-and-jsp/assets/vendor/popper/dist/umd//popper.min.js"></script>
    <script src="/basic-servlet-and-jsp/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>

我确定它们都存在于各自的路径中。谷歌搜索给了我包含 CSS 和 JS 的类似方式。但是，每当我运行它们时都找不到这些链接。

如有任何帮助，我们将不胜感激。谢谢

Answer 1

我只是在 web.xml 中添加。

<servlet>
    <servlet-name>Controller</servlet-name>
    <servlet-class>com.app.Controller</servlet-class>
</servlet>
<servlet-mapping>
    <servlet-name>Controller</servlet-name>
    <url-pattern>/</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.css</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.jpg</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.png</url-pattern>
</servlet-mapping>
<servlet-mapping>
    <servlet-name>default</servlet-name>
    <url-pattern>*.js</url-pattern>
</servlet-mapping>