SpringMVC 无法加载js,css等静态资源文件

最近在一些技术群里看到有些朋友的馈，SpringMVC 无法加载js,css等静态资源文件，运行时报无法找到异常。下面说下原因及解决方法：

由于SpringMVC支持较优雅的Rest风格的URL，url-patten又是配置的支持所有的模式，所以对于静态资源（css,js,html等）也会去进行匹配，一旦匹配失败控制台会抛URI匹配异常。

这种情况下，需要在SpringMVC配置中增加默认的配置

<mvc:default-servlet-handler/>

增加了上面这个配置之后，原来的RequestMapping又会出现异常，这时需要增加下面这个配置

<mvc:annotation-driven></mvc:annotation-driven>

注意，这个配置在SpirngMVC的开发过程中一般都需要增加。

时间： 2024-10-03 21:53:53

SpringMVC 无法加载js,css等静态资源文件的相关文章

[Yii2] 快速套模板，加载JS,CSS（HTML标签<base>）

刚开始学,弄了好久,不知道怎么加载JS.CSS,以及怎么不加载YII2自带的模板!其实真的好简单! 首先把模板放好位置, 加载JS,CSS,就在模板HTML页面加个标签:<base> base 标签的链接到JS,CSS的位置就好了,其他都不用动! <base>这个标签其实就是HTML默认打开方式与默认链接URL地址标签元素,详细了解base就在我文章里找吧! 上面弄完后,就差YII2自带的怎么去掉了,就是渲染的时候用renderPartial render和renderPartia

javascript异步延时加载及判断是否已加载js/css文件

引用就是某一变量(目标)的一个别名,对引用的操作与对变量直接操作完全一样. 引用的声明方法:类型标识符 &引用名=目标变量名: 例如: int a int &b=a; //定义引用b,它是变量a的引用,即别名 #include <stdio.h> void main() { int a = 123; int &b = a; printf("a=%d b=%d\n", a, b); } 执行结果: 实例:引用和变量的关系 #include <io

动态加载js css 插件

简介动态加载js,css在现在以及将来肯定是很重要的.目前来看前端代码编写的业务量已经远远超过后端编写的.随着对用户体验度逐渐增强,前端业务复杂,加载速度变得很慢很慢.为了解决这个问题,目前出现的两个前端模块加载器为require.js与sea.js,这两款模块加载器都不错.但是呢,有时候我仅仅需要的只是动态加载一个js,不需要把代码模块化,那我们只能自己手写一个加载函数. 简单的加载js /** * HTML动态加载js * @path {String} src地址必须带有后缀名.js *

laravel 单页面按需加载js/css文件

我们常把公共的header以及footer提炼出来,但是每个子页面的css和js又不相同,如果都写在了父模板里,对不需要的子模板来说是负担,造成不必要的开销,此时就需要按需加载,laravel给我们提供了这样的便利父模板里在需要加载 js/css 的位置写入 @stack('backend-register-js') 子模板 @push('backend-register-js') <script> js代码 </script> @endpush ********或者*****

jquery动态加载js/css文件方法

先来看jquery自带的getSrcript文件方法代码如下复制代码 $.getScript(url,callback) 实例代码如下复制代码 var testVar = 'New JS loaded!'; alert(testVar); function newFun(dynParam) { alert('You just passed '+dynParam+ ' as parameter.'); } 动态调用方法 HTML代码代码如下复制代码 <script type="

动态加载js,css(项目中需要的)

最近做的一个项目需要加入百度统计,大家都知道百度统计在页面引用就是一坨js,实现方法很简单引用到页面就ok了. 那么问题来了,虽然我不知道百度统计的原理是啥,我的测试服引用了百度统计,百度统计账号里面配置的域名是正式服的域名,但是却检测到了我测试服的访问量,这就尴尬了,然后就想到了动态加载js 1.动态加载js文件我们要把这块链接加入页面 <script src="js/count.js"></script> 具体代码实现如下 function loadJs(

JS动态加载 js css

1.动态加载js function loadScript( url ){ var script = document.createElement( "script" ); script.type = "type/javascipt"; script.src = url; document.getElementsByTagName( "head" )[0].appendChild( script ); }; 2.动态加载CSS文件 function

按需加载.js .css文件

首先,理解按需加载当你需要用到某个js里面的函数什么鬼,或者某个css里的样式的时候你才开始加载这个文件. 然后是怎样实现的,简单来说就是在js中动态的createElem<script><link>这两种元算--这句话是说给自己的.可以绑定点击事件,滚轮事件(例如图片的懒加载是动态的.) 使用 require.js (一个按需加载的插件)管理.js按需加载,来自http://www.cnblogs.com/chenxizhang/archive/2013/05/16/308194

android 代码加载已知文件名的资源文件

Android开发中如果需要用到某个资源,直接使用R.drawable.**文件即可.但是如果一开始无法知道具体加载哪个资源文件,必须在程序中动态获取ID值并加载.而加载过程是使用文件名来加载的,方式如下: public static String RESOURCE_PATH = "android.resource://packagename/"; 假设存在一个名为content_icon的资源图片 public Uri getIconUri(String drawableName)