问题描述:
在tomcat启动之后通过F12查看到如下错误:
在IDEA中通过ctrl然后移动鼠标至路径所在位置,可以查看路径的正确性。起初我也考虑到是路径问题,但通过ctrl+鼠标是可以变色的(如下图),使我走入误区。
后来几经周折终于找到原因,由于 js 文件没有正确引入,导致页面的很多效果无法展示。
解决方案:
${pageContext.request.contextPath}是JSP取得绝对路径的方法,等价于<%=request.getContextPath()%>
在路径前加入${pageContext.request.contextPath},如下:
<link rel="stylesheet" href="${pageContext.request.contextPath}/css/usersLogin.css"> <link rel="icon" href="${pageContext.request.contextPath}/images/favicon.ico" sizes="32x32" /> <script src="${pageContext.request.contextPath}/js/jquery-1.3.2.min.js"></script> <script src="${pageContext.request.contextPath}/js/login.js"></script>
我的目录结构如下:
修改完之后,重新启动tomcat即可解决问题。