本地测试网页无法加载css链接文件怎么办

本地测试网页无法加载css链接文件怎么办,第1张

1、css文件路径有问题?

2、看看是否是css文件里存在例如中文注释之类。。试试去掉注释文字看看。

3、检查css文件里是否有错误,会导致css文件读取到某个部分时就没法继续正常读取。比如{}、分号之类

这个基本上就是本地搭建时没考虑到网站位置的差异

Ip变成域名之后找不到样式文件

如果有的文件目录设置了绝对路径 都改成相对的即可

一般是没找到css文件或js之类的路径

应该是Java过滤器引发的异常,参考以下分析和解决方法:

打开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拦截了请求,未能获取到资源,从而导致了上面所说的比较诡异的错误。


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/717606.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-08-08
下一篇2023-08-08

发表评论

登录后才能评论

评论列表(0条)

    保存