javaWEB项目为了保证页面访问的安全,会选择把页面放在web-inf下面,然后在程序内部进行访问,这样外部的用户是无法直接访问的。
这样也会有例外的情况,就是web-inf内部的页面需要使用外部的css文件,js文件,但是用相对路径的时候是没法加载进去的。
改进的方法,就是用绝对路径,即在访问的路径前加上项目名,如下:
动态获取项目名:${pageContext.request.contextPath}
<head>
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入bootstrap -->
<link rel="stylesheet" type="text/css" href="${ctx}/css/bootstrap.min.css">
<!-- 引入JQuery bootstrap.js-->
<script src="${pageContext.request.contextPath}/js/jquery-3.2.1.min.js"></script>
<script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
</head>