`
bsr1983
  • 浏览: 1100363 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

web应用因拦截器代码问题导致加载html、js错误的解决方法

阅读更多

       最近在写一个后台管理系统的时候,很简单的一个登录页面的html文件,通过浏览器访问的时候,总是报一些很诡异的错误,如:

      (1)Uncaught SyntaxError: Unexpected token <

      (2)Uncaught ReferenceError: $ is not defined

      (3)Resource interpreted as Stylesheet but transferred with MIME type text/html

具体错误如下图:

     

 打开Chrome的开发者工具,点击查看Sources页签,可以发下仅加载了一个html文件,而html中所引用的css,js文件都没有加载出来。

而打开html的源码,可以发下报错的第一行,只是一个html的文档类型说明:

<!doctype html>

这个错误有点莫名其妙,而且接下来的错误$未定义,明显是jQuery的js未加载执行。

在html这个报错上纠结了一会之后,发现应该不是这里的原因,通过GoogleResource interpreted as Stylesheet but transferred with MIME type text/html 这个错误,找到了原因,是因为我写了一个Filter,未将该页面配置为不进行拦截,导致所有的资源文件都被拦截,最终出现了如上所述的错误。

通过修改Filter的配置文件,将本页面相关的资源跳过,再次访问就没有问题了。

分析原因,应该是Chrome去服务器拉取资源时,被Filter拦截了请求,未能获取到资源,从而导致了上面所说的比较诡异的错误。

  • 大小: 44.3 KB
0
0
分享到:
评论

相关推荐

    WebWebWeb:制作Web API和静态文件服务器的最简便方法。 零依赖!

    WebWebWeb使您只需几行代码即可使用API超级轻松创建Web服务器。 如果您需要带有来自SSL证书的安全Web服务器,请签出 ,它会自动为您检索和更新它们,同时保持WebWebWeb的简单性! Instafluff 喜欢这些项目吗? ...

    java web在线考试系统,框架:html + js + css + jsp + servlet

    图片无法加载是因为拦截器,修改拦截器,或者删除所有拦截器。当出现乱码在添加拦截浏览器不要清除缓存就可以了 必须使用chrome浏览器支持前端h5框架 sql尽量使用5.6或这更低的版本 角色介绍: 管理员 admin 123456...

    第十五届蓝桥杯Web应用试题考察重点

    Axios:Axios API、Axios实例、请求配置、默认配置、拦截器 Vue.js:Vue核心(常用指令、常用模板语法、生命周期、数据渲染、事件绑定、自定义指令、组合式函数、插件等)、Vue组件(组件定义及使用、父子组件、兄弟...

    container-js:ContainerJS是JavaScript应用程序的依赖注入主体

    ContainerJS是JavaScript Web应用程序的依赖注入容器。 特征 依赖性解析和注入 ContainerJS负责创建容器管理的对象,以及解析和注入其依赖的组件。 您可以通过JavaScript代码在组件定义中指定依赖项,也可以在类中...

    play框架手册

    由于java不允许多继承,通过控制器继承特点来应用拦截器就受到极大的限制。但是我们可以在一个完全不同的类里定义一些拦截器,然后在任何控制器里使用@With注释来链接他们。 - 42 - Session和Flash作用域 - 42 - 04....

    asp.net知识库

    2.0问题、错误解决办法 ASP.NET 2.0使用Web Part创建应用程序之二(共二) 体验 .net2.0 的优雅(2) -- ASP.net 主题和皮肤 NET2.0系列介绍(一).NET 2.0 中Web 应用程序主题的切换 ASP.NET 2.0 中Web 应用程序...

    基于框架的Web开发-urlpattern.docx

    图片、css、js等静态文件也均会交由框架处理,进入controller之后,并没有相应的方法来处理这些静态资源,最后导致页面无法加载图片、css、js等静态资源。 为了解决这个问题,有两种方法: 1、使用default servl

    vc++ 应用源码包_6

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    vc++ 应用源码包_5

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    cymon-interceptor:Google Chrome扩展程序可拦截对恶意源的Web请求

    cymon-interceptor ...默认情况下,Cymon拦截器仅从Cymon加载少量域。 您可以在“选项”页面上配置一些设置以获取更多信息(右键单击该图标,然后单击“选项”)。 在这里,您将找到以下设置: 标签 Cymon

    精通AngularJS part1

    它是一套JavaScript前端框架,用于开发当下流行的数据驱动的单页面Web应用。其核心特性是:MVC、模块化、自动双向数据绑定、语义化标签、依赖注入等。 作者简介 Pawel Kozlowski有15年以上的Web开发经验,接触过...

    vc++ 应用源码包_1

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    vc++ 应用源码包_2

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    vc++ 应用源码包_3

    任务管理器应该大家都很熟悉,论坛里也有好多的任务管理器的源码,解决CListCtr刷新时滚动条跳到开始处。 VC++实现网络连接查看器源码 非常好的一个实例,把网络连接的UDP/TCP都插入到CList控件中显示出来。 VC++...

    DataShield媒体拦截器「DataShield Media Blocker」-crx插件

    防止下载第三方媒体文件(视频,图像,CSS,JS,字体),减少数据使用量并增加加载时间。 如果您的家庭互联网套餐包括每月数据限制,或者您在旅途中或工作中使用3G / 4G互联网,则数据使用始终是个问题。通常避免...

    headspring-employeeDir:Headspring的作业项目展示前端工程

    - 使用角度拦截器的自动加载栏。 - 具有嵌套视图的灵活路由的实际解决方案。 - 用于上传文件的 AngularJS 服务。 - 一个非阻塞通知 javascript 库。 - 时尚、直观且功能强大的移动优先前端框架,可实现更快、更轻松...

    傲游浏览器v3.3.6.2000 [2012-3-22]

    * 某些情况下状态栏辅助信息和工具栏图标无法加载的问题 [Webkit 核心] * 使用 PAC 代理可能导致 HTTPS 站点无法访问 * 完善 JS alert 对话框的处理 * 完善对 HTML5 游戏重力迷宫 Gravity Maze 的支持 * 完善对...

    vc++ 开发实例源码包

    ----------VC应用开发 [Visual.C..编程技巧精选500例]源代码. 内含各种例子(vc下各种控件的使用方法、标题栏与菜单栏、工具栏与状态栏、图标与光标、程序窗口、程序控制、进程与线程、字符串、文件读写操作、文件...

    BookCart:在线书店的电子商务应用程序

    涵盖的概念ASP .NET核心使用EF Core DB First方法创建的Web API 使用JWT的基于策略的授权储存库模式依赖注入昂首阔步的实现角度的角材料路由与导航验证卫士延迟加载模块HTTP拦截器React形式表单验证(内置和自定义)...

    play framework 框架手册 word 版

    由于java不允许多继承,通过控制器继承特点来应用拦截器就受到极大的限制。但是我们可以在一个完全不同的类里定义一些拦截器,然后在任何控制器里使用@With注释来链接他们。 - 42 - Session和Flash作用域 - 42 - 04....

Global site tag (gtag.js) - Google Analytics