一般来说,如果看到provisional headers are shown这个提示,说明这个请求并没有发送出去。
具体原因有多种总结如下:
1.请求被某些扩展如 Adblock 拦截了,请求被浏览器插件拦截。解决方案:
用 chrome://net-internals 来帮助你查找被屏蔽的请求以及可能的原因。(本人发现现在这个用不了了)
2.请求被墙了
3.走本地缓存或者 dataurl 的请求。强缓存from disk cache或者from memory cache,此时也不会显示
4.服务器出错或者超时,没有真正的返回。client发送请求后,由于各种原因,比如网络延迟,server端逻辑错误,
导致client端长时间未收到响应。解决方案:改正占用很长时间的server端程序。
5.跨域,请求被浏览器拦截
6.其他原因
ps:本人在项目中遇到的情况是:大部分人都能正常访问某页面,
个别人无法正常访问出现provisional headers are shown,根据以上所述,
发现是情况1导致的,很快就解决了问题。
参考:https://blog.csdn.net/yijiaer...
为什么这个请求会被Adblock拦截到呢?查看了一下Adblock的拦截规则,
请求地址带有ad关键字,解决办法就是更改请求地址名称。
https://easylist-downloads.ad...
在请求头看到Provisional headers are shown的报错
问题描述:
这个问题字面意思是“显示了临时报文头”,浏览器第一次发送这个请求,请求被阻塞,未收到响应。当要求浏览器再次发送这个请求时,上个同样的请求都还没有收到响应,浏览器就会报这个警告。
简而言之,就是请求并没有发出去。
原因分析
这种情况出现的情况很多,但原因是多样的,一般有如下几种:
1. 跨域请求被浏览器拦截
现在网站的静态资源都会存在专门的静态域名下面,和实际访问的域名可能不一致。
这种情况基本发生在ajax请求,都是基于CORS来解决这个问题。
$.ajax({
url: ajaxUrl,
type: 'GET',
success: function (res) {}
});
可以替换为
$.cors(ajaxUrl, {}, function (json) {
if (json.code == 0) {}
});
2. 服务器未及时响应(超时)
这种特定情况下才会出现,跟服务器关联不大。
3. 请求被浏览器插件拦截
作为一个开发人员,大家的chrome上肯定装了不少的插件。我们可以通过 chrome://net-internals 来根据关键字查找相关请求,然后具体去看相关状态。
4. 该数据直接采用了缓存,并没有发送请求
只从缓存中获得的通信显示为“显示临时标题”(或“执行”),因为该文件是从缓存中获取的,并且未进行通信,所以并不会显示详细标头。
如果上一个资源加载失败,可能导致从缓存加载的资源失败,即缓存资源请求之前的请求不能失败。强缓存from disk cache或者from memory cache,此时也不会显示。
前面提到的那么多情况,其实都是与服务器没有进行或者完成正确的通信,所以只展示临时信息。
扩展
CORS是一个W3C标准,全称是"跨域资源共享"(Cross-origin resource sharing),它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制,以避开浏览器的同源策略,是 JSONP 模式的现代版。
与 JSONP 不同,CORS 除了 GET 要求方法外,也支持其他的 HTTP 请求。用 CORS 可以让网页设计师用一般的 XMLHttpRequest,这种方式的错误处理比 JSONP 好。另一方面,JSONP可以在不支持 CORS 的老旧浏览器上运作,现代浏览器都支持 CORS。