在 Web 应用程序中加载图像和 JS 文件时出错答案

【问题标题】：error loading images and JS files in a web app在 Web 应用程序中加载图像和 JS 文件时出错
【发布时间】：2014-09-30 17:59:27
【问题描述】：

在 WEB-INF 下创建一些子文件夹（如 js 或图像）后，我发现加载它们的文件时出现问题，我无法获取任何 js 或图像文件......这可能是什么问题？我在浏览器上收到此错误：

GET http://localhost:8080/images/blueAqua.gif 404 (Not Found)

【问题讨论】：

【解决方案1】：

WEB-INF 无法在客户端访问。

我通常会在WEB-INF 旁边创建一个static 文件夹，用于存储图片、JS、CSS 等。

webapp
|__static
|  |__css
|  |__js
|  |__img
|__WEB-INF
   |__web.xml

然后，使用以下方式访问资源：

http://localhost:8080/static/images/blueAqua.gif

【讨论】：

【解决方案2】：

现在它工作正常，我确实意识到问题出在哪里以及如何解决它，它只需要在 web.xml 中进行一些配置，如下所示：

<servlet-name>default</servlet-name> <url-pattern>/static/*</url-pattern> </servlet-mapping> 在 JSP 文件中是这样的调用：

<body background="static/images/example.jpg"> 无论如何谢谢你的帮助。

【讨论】：

【解决方案3】：

试试这个：

<servlet-name>default</servlet-name>
<url-pattern>*.gif</url-pattern>
</servlet-mapping>

【讨论】：