前端踩坑Resource interpreted as Stylesheet but transferred with MIME type text/html

本文解决了一个在特定条件下,即使用Firefox和Chrome浏览器访问部署在云端Tomcat的应用时,CSS样式加载但不生效的问题。问题表现为资源被错误地解释为text/html而非预期的text/css MIME类型。文中提供了解决方案,包括调整HTML文档类型声明及确保Content-Type正确设置。
摘要由CSDN通过智能技术生成

转:https://blog.csdn.net/sky_cui/article/details/86703706

项目结构:

问题描述:

1,跑在本地tomcat上时,用IE,FireFox,Chrome访问都没问题,CSS能加载且有效果

2,打包到云端Tomcat时,用IE访问正常,用FireFox和Chrome访问时能加载CSS文件,但是没有效果,报错如下:Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://(ip)/JavaWeb_war/css/home.css"

解决方法:

1,删去了html头部的声明<!DOCTYPE html>(https://blog.csdn.net/lamanchas/article/details/77647521),虽然暂时能解决问题,但是不是最好的方法。

2,通过排查发现应该统一客户端请求时Accept和返回时的Content-Type,一般Tomcat自动完成配置(在tomcat/conf/web.xml中),但是我工程中加了过滤器,统一了返回的类型为text/html,改了就行了

 

------------------------------------------

自己项目目录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值