IDEA 中 Web 项目图片访问问题解决：img src 路径添加斜杠

在 IDEA 软件中，当您尝试访问 webapp 下 images 文件夹中的图片时，可能会遇到无法访问的问题。例如，使用 img src='${pageContext.request.contextPath}images/pay.jpg' 这样的代码访问图片时，可能会出现图片无法加载的情况。

解决方法：

您需要在 img src 的路径前面加上斜杠，将代码修改为 img src='${pageContext.request.contextPath}/images/pay.jpg'。这样就能正确访问到 webapp 下 images 文件夹中的图片。

原因：

这是因为 pageContext.request.contextPath 返回的是项目的上下文路径，它不包含斜杠。当没有斜杠时，浏览器会将 images/pay.jpg 解释为当前路径下的 images/pay.jpg 文件，而不是项目根路径下的 images/pay.jpg 文件。

示例代码：

<img src='${pageContext.request.contextPath}/images/pay.jpg' alt="">

通过添加斜杠，您就能确保浏览器正确访问到 webapp 下的 images 文件夹中的图片，从而解决图片访问问题。