一.问题
1。采用相对路径的问题
如果采用请求转发返回页面,那么由于页面路径与请求路径不同,使得浏览器无法正确解释页面中的路径,如页面为/pages /cust/cust.jsp,图片所有目录为/images/title.gif,这时在/pages/cust/cust.jsp中的所用的路径为”../../images/title.gif”,但是如果某一个请求的路径指向这个JSP文件,而这个请求的路径为 /cust/manage.do,那么页面内容中”../../images/title.gif”就不再指向正确的路径了。
解决以上问题似乎只有使用绝对路径。
2。采用绝对路径遇到的问题
a)随着不同的Web应用发布方式,绝对路径的值也不同。如Web应用发布为MyApp,则路径”/MyApp/images/title.gif”是正确的,但发布为另一应用时如MyApp2,这个路径就不对了,也许这个情况比较少,但以default方式发布Web应用时以上绝对路径也不同:”/images/title.gif”。
二.解决方案
1)采用绝对路径,但为了解决不同部署方式的差别,在所有的文件路径前加${pageContext.request.contextPath},如原路径为:
”/images/title.gif”,改为“${pageContext.request.contextPath}/images/title.gif”。
代码” ${pageContext.request.contextPath}”的作用是取出部署的程序名,这样不管如何部署,所用路径都是正确的。
缺点:
操作不便,其他工具无法正确解释${pageContext.request.contextPath}
2) 采用相对路径,在每个JSP文件中加入base标签,这样所有的路径都可以使用相对路径。
缺点:
对于被包含的文件依然无效。
真正使用时需要灵活应用1)和2),写出更加健壮的代码。
在使用的时候可以使用${pageContext.request.contextPath},同时也可以在jsp页面中添加base,可用相对路径:
-
<% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/"; %>
然后在<head>标签内添加base
<base href="<%=basePath%>"></base>
在本页面中“直接”引入外部文件时,可直接
-
<script src="js/common/jquery-1.11.1.min.js" language="javascript" type="text/javascript"></script> <script src="js/common/frame.js" language="javascript" type="text/javascript"></script> <link href="css/common/frame.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
同理,本页面中的css类
-
.top { position: absolute; left: 0; top: 95px; right: 0; height: 120px; background: url(images/common/title.jpg) repeat-x }