jsp 网站引入外部css或者js失效问题解决


Posted in Javascript onOctober 31, 2016

最近做项目,完成项目经理布置的任务,开始入门java web,但在开发过程中遇到过许许多多的问题,但是令我最头痛的还是导入外部css一直失效,困扰许久才找出原因。

路径问题

css或者js导入失效最有可能的原因就是路径错误,这里我给出我的网站目录结构,大家可以参考下。

jsp 网站引入外部css或者js失效问题解决

导入css代码:

    <link rel="stylesheet" type="text/css" href="css/login.css">

记得jsp头部需要设置相对路径:

<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
  %>

设置了过滤器

我就是因为设置了一个登录过滤器才导致css和js失效。解决办法很简单,设置 filter 所拦截的请求路径(过滤器关联的URL样式)为相应的文件,例如我过滤的是jsp文件,所以我的xml部分配置如下:

<filter-mapping>
    <filter-name>login</filter-name>
    <url-pattern>/.jsp</url-pattern>
  </filter-mapping>

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路
Mar 02 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
jQuery自定义添加&quot;$&quot;与解决&quot;$&quot;冲突的方法
Jan 19 Javascript
javascript制作幻灯片(360度全景图片)
Jul 28 Javascript
js实现向右横向滑出的二级菜单效果
Aug 27 Javascript
checkbox 选中一个另一个checkbox也会选中的实现代码
Jul 09 Javascript
AngularJS 模块详解及简单实例
Jul 28 Javascript
AngularJS动态生成div的ID源码解析
Aug 29 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
详解如何让InstantClick兼容MathJax、百度统计等
Sep 12 Javascript
详解nuxt 微信公众号支付遇到的问题与解决
Aug 26 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 Javascript
js学习笔记之事件处理模型
Oct 31 #Javascript
基于JS实现checkbox全选功能实例代码
Oct 31 #Javascript
新手学习前端之js模仿淘宝主页网站
Oct 31 #Javascript
vue.js学习笔记之绑定style样式和class列表
Oct 31 #Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 #Javascript
jQuery grep()方法详解及实例代码
Oct 30 #Javascript
webix+springmvc session超时跳转登录页面
Oct 30 #Javascript
You might like
BBS(php &amp; mysql)完整版(三)
2006/10/09 PHP
利用PHP动态生成VRML网页
2006/10/09 PHP
PHP代码实现爬虫记录――超管用
2015/07/31 PHP
php数组函数array_walk用法示例
2016/05/26 PHP
php 中self,this的区别和操作方法实例分析
2019/11/04 PHP
PHP设计模式(七)组合模式Composite实例详解【结构型】
2020/05/02 PHP
JSON扫盲帖 JSON.as类教程
2009/02/16 Javascript
javascript 类型判断代码分析
2010/03/28 Javascript
javascript中不易分清的slice,splice和split三个函数
2016/03/29 Javascript
JS、jQuery中select的用法详解
2016/04/21 Javascript
微信小程序实现流程进度的图样式功能
2018/01/16 Javascript
跨域请求两种方法 jsonp和cors的实现
2018/11/11 Javascript
浅谈vue加载优化策略
2019/03/19 Javascript
Vue内部渲染视图的方法
2019/09/02 Javascript
react native 仿微信聊天室实例代码
2019/09/17 Javascript
python的类变量和成员变量用法实例教程
2014/08/25 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
Python实现修改IE注册表功能示例
2018/05/10 Python
使用python3实现操作串口详解
2019/01/01 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
python常用数据重复项处理方法
2019/11/22 Python
浅谈在django中使用redirect重定向数据传输的问题
2020/03/13 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
Helly Hansen工作服美国官方网上商店:为最恶劣的环境
2019/09/04 全球购物
电子信息专业学生自荐信
2013/11/09 职场文书
详细的大学生创业计划书模板
2014/01/27 职场文书
社区服务活动总结
2014/05/07 职场文书
设备售后服务承诺书
2014/05/30 职场文书
负责人任命书范本
2014/06/04 职场文书
土地租赁意向书
2014/07/30 职场文书
党的生日演讲稿
2014/09/10 职场文书
2014年控辍保学工作总结
2014/12/08 职场文书
2015年世界无车日活动总结
2015/03/23 职场文书
《槐乡的孩子》教学反思
2016/02/20 职场文书
海贼王十大潜力果实,路飞仅排第十,第一可毁世界(震震果实)
2022/03/18 日漫
Java 定时任务技术趋势简介
2022/05/04 Java/Android