src标签中${pageContext.request.contextPath }无效问题解决方案

问题描述

<img src="${pageContext.request.contextPath}/static/images/dog.jpg"/>

该链接中的图片显示不出来。

原因分析

在Chrome下用开发者工具查看图片请求链接会发现请求的链接变成了：

//static/images/dog.jpg

原因是${pageContext.request.contextPath}相当于

http://localhost:8080/项目名/

请注意最后那个”/”，正是由于这个“/”才导致了static前面多了一个”/”，从而服务器无法识别，图片请求失败。

解决方案

将链接改成

<img src="${pageContext.request.contextPath}static/images/dog.jpg"/>

再次请求，在Chrome下查看请求链接，这时变成了

http://localhost:8080/static/images/dog.jpg

即把static前面的”/”去掉，再次测试，图片成功显示。