WEB-INF下的jsp引用webapp(webRoot)外部的js、css等静态文件

    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>

猜你喜欢

转载自blog.csdn.net/cijiancao/article/details/79394694