使用SSM框架进行web开发时jsp中的样式表及照片无法正常加载

在jsp中引用了bootstrap和jQuery框架搭建前端页面，引用路径设置正确，如下所示：
但是前端框架无法起作用，照片也无法正常加载，最后发现问题出在web.xml文件中，删掉<url-pattern>/</url-pattern>后页面即可正常加载。
原因在于：

前台是先获取页面（jsp、html等）然后根据页面上应用的js和css再向后台请求相应的js和css文件，因为配置了<url-pattern>/</url-pattern>，所有请求都会被springmvc拦截，进行过滤，而资源文件请求没有设置对应的controller进行处理，所以会被拦截下来的且不进行任何处理，故资源请求会失败。
因此，需要把<url-pattern>/</url-pattern>删除，或者像下面一样进行静态资源配置：

<mvc:resources location