web无法加载js,css及图片资源

问题描述

web无法加载js,css及图片资源

如题,写了个项目,用的springMVC+spring+hibernate,当请求到某个网页时,无法加载到js,css及图片资源,但是html可以正常加载,正常手动输入链接是没问题的,servlet-mapping如下

解决方案

SpringMVC要设置静态资源不过滤的配置

 <!-- 通过mvc:resources设置静态资源,这样servlet就会处理这些静态资源,而不通过控制器 -->
    <!-- 设置不过滤内容,比如:css,jquery,img 等资源文件 -->
    <mvc:resources location="/*.html" mapping="/**.html" />
    <mvc:resources location="/css/*" mapping="/css/**" />
    <mvc:resources location="/js/*" mapping="/js/**" />
    <mvc:resources location="/images/*" mapping="/images/**" />

解决方案二:

web.xml中增加
 <servlet-mapping>
         <servlet-name>default</servlet-name>
         <url-pattern>*.css</url-pattern>
     </servlet-mapping>   

     <servlet-mapping>
         <servlet-name>default</servlet-name>
         <url-pattern>*.gif</url-pattern>
     </servlet-mapping>   

     <servlet-mapping>
         <servlet-name>default</servlet-name>
         <url-pattern>*.jpg</url-pattern>
     </servlet-mapping>   

     <servlet-mapping>
         <servlet-name>default</servlet-name>
         <url-pattern>*.js</url-pattern>
     </servlet-mapping>   

指明对于如上资源文件不采用spring的过滤器
时间: 2024-08-25 05:44:52

web无法加载js,css及图片资源的相关文章

tomcat集群-nginx 反向代理三个本地tomcat 负载均衡配置 无法加载js css 图片等 也不报错

问题描述 nginx 反向代理三个本地tomcat 负载均衡配置 无法加载js css 图片等 也不报错 打开速度非常慢,到最后js css无法加载是什么问题 我的项目是ssh+jquery+easyui的 单独访问tomcat完全正常 访问nginx就这样了 .求大神指点啊 访问webapp根目录是可以的 我的页面都是在web-inf目录下的貌似不行 nginx配置如下: #user nobody; worker_processes 1; #error_log logs/error.log;

Apache反向代理无法加载js css img

问题描述 Apache反向代理无法加载js css img Apache反向代理无法加载js css img 反向代理配置 ProxyRequests Off <Proxy http://proxy.mcmxzl.com> Options MultiViews AllowOverride None Order allow,deny Allow from all </Proxy> ProxyPass /roadcloud http://www.roadcloud.com.cn/ Pr

如何使用jquery动态加载js,css文件实现代码_jquery

使用jquery动态加载js,css文件 复制代码 代码如下: $.extend({ includePath: '', include: function(file) { var files = typeof file == "string" ? [file]:file; for (var i = 0; i < files.length; i++) { var name = files[i].replace(/^\s|\s$/g, ""); var att =

javascript include/import 动态加载js/css文件方法总结

第一种:一般用在外部CSS文件中加载必须的文件  程序代码  代码如下 复制代码 @import url(style.css); /*只能用在CSS文件中或者style标签中*/ 第二种:简单的在页面中加载一个外部CSS文件  程序代码  代码如下 复制代码 document.createStyleSheet(cssFile); 第三种:用createElement方法创建CSS的Link标签  程序代码  代码如下 复制代码 var head = document.getElementsByT

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 

javascript 动态引用加载js/css文件(遍历文档所有script,css节点);

function include(path,type,title){  var s,i,t;  if(arguments.length < 1){   return ;  }  if(arguments.length == 1){   type = "网页特效";  }  switch(type.tolowercase()){   case "css":     t = document.getelementsbytagname("link"

js异步动态加载js与css文件代码

 jquery动态加载css,js文件方法简单很, 例 方法1: 代码如下 $.getscript("test.js"); 方法2: 代码如下 function loadjs(file){  var head = $('head').remove('#loadscript');  $("<scri"+"pt>"+"</scr"+"ipt>").attr({src:file,type:

javascript-tomcat 外网IP无法加载JS,CSS

问题描述 tomcat 外网IP无法加载JS,CSS 我用http://localhost:8080/HealWebservice/web/viewer.html 或 127.0.0.1 访问是正常的 但用我外网IP192.168.1.XX 访问,就不正常,感觉就好像加载不出来JS,CSS一样. 另192.168.1.213就是我本机的IP 解决方案 f12打开开发工具看下网络选项卡是否有你js,css资源,控制台是否报错 解决方案二: 192.1681.213是局域网啊 配置好服务啊 解决方案

动态加载js、css等文件跨iframe实现

 这篇文章主要介绍了动态加载js.css等文件跨iframe实现的方法,需要的朋友可以参考下 1.动态加载js,css文件(用原生js和jquery)    iframe结构:  frame0(父)  frame2(子)  frame3(子)    frame2中触发事件,动态的向frame3中 加载js.css文件和 dom元素?    *同级之间可以调用,可以 通过 子-父-子 的方式调用同级  parent.parentFram("这个方法在调用其他子farme");    1.