tomcat无法访问静态资源原因以及解决方式

对前端不是很了解，今天想试试easyUI这个框架，然后就新建了1个web项目，将下载好的js包放在了web-inf目录下：

然后在jsp写了以下链接：

<link rel="stylesheet" type="text/css" href="WEB-INF/js/jquery-easyui-1.5.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="WEB-INF/js/jquery-easyui-1.5.3/themes/icon.css">
<link rel="stylesheet" type="text/css" href="WEB-INF/js/jquery-easyui-1.5.3/demo/demo.css">
<script type="text/javascript" src="WEB-INF/js/jquery-easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" src="WEB-INF/js/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>

不启动部署tomocat是正常加载这些静态资源的，但是问题来了：部署启动tomcat之后，显示：

原来web-inf是无法直接访问静态资源的，我们只要把js目录移动到其他目录即可：

引用代码：

<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.3/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.3/themes/icon.css">
<link rel="stylesheet" type="text/css" href="js/jquery-easyui-1.5.3/demo/demo.css">
<script type="text/javascript" src="js/jquery-easyui-1.5.3/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-easyui-1.5.3/jquery.easyui.min.js"></script>