html js 非缓存,javascript – fetch(),你如何进行非缓存请求？

Fetch可以采取一个包含许多可能要应用于该请求的自定义设置的init对象,其中包含一个名为“headers”的选项.

“headers”选项需要一个Header对象.此对象允许您配置要添加到请求中的标题.

通过添加pragma：无缓存和缓存控制：无缓存到您的头,您将强制浏览器检查服务器,以查看该文件是否与缓存中已有的文件不同.您也可以使用cache-control：no-store,因为它不允许浏览器和所有中间缓存来存储任何版本的返回响应.

这是一个示例代码：

var myImage = document.querySelector('img');

var myHeaders = new Headers();

myHeaders.append('pragma', 'no-cache');

myHeaders.append('cache-control', 'no-cache');

var myInit = {

method: 'GET',

headers: myHeaders,

};

var myRequest = new Request('myImage.jpg');

fetch(myRequest, myInit)

.then(function(response) {

return response.blob();

})

.then(function(response) {

var objectURL = URL.createObjectURL(response);

myImage.src = objectURL;

});

ES6

希望这可以帮助.