问题背景
最近在生产环境遇到了一个棘手的问题,很多促销页面的商品价格无法加载,且只有部分用户投诉和反馈,测试环境和内网环境均无法复现这个现象。
原因定位
发现报错的原因如下,动态加载js文件时返回Content-Type为text/html,与文件类型.js不匹配,禁止加载。
Refused to execute script from ‘XXXX’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.
由于开发没有注意过,我们所有json的请求的类型都是默认的text/html。但一直都是这样使用的,为什么最近才出现被禁止加载的情况呢?进一步分析请求的响应头,发现最近安全部门在响应头中增加了X-Content-Type-Options:nosniff
字段。
互联网上的资源有各种类型,通常浏览器会根据响应头的Content-Type字段来分辨它们