什么状态=取消的资源意味着在Chrome开发工具?

什么会导致页面被取消?我有一个Chrome开发者工具的截图。

这种情况经常发生，但不是每次都发生。似乎一旦缓存了一些其他资源，页面刷新就会加载LeftPane.aspx。真正奇怪的是，这只发生在谷歌Chrome浏览器中，而不是ie8。知道为什么Chrome会取消一个请求吗?

当前回答

我有两个CSS文件，它们存储在我的主CSS文件夹之外的另一个文件夹中。我正在使用表达式引擎，发现问题是在我的htaccess文件中的规则。我只是将文件夹添加到我的条件之一，它修复了它。这里有一个例子:

RewriteCond %{REQUEST_URI} !(images|css|js|new_folder|favicon.ico)

因此，检查htaccess文件是否存在潜在冲突是值得的

其他回答

在我的情况下，它开始出现后chrome 76更新。

由于一些问题在我的JS代码，窗口。位置被多次更新，导致取消先前的请求。虽然这个问题之前就存在，但chrome在更新到版本76后开始取消请求。

在我的情况下，问题的原因是另一个。

我的应用程序坐在代理后面，Chrome请求被发送与If-Modified-Since HTTP头。当这个头文件出现时，预期的行为是:

只有在给定日期后最后一次修改时，服务器才会以200状态发送回所请求的资源。如果请求此后未被修改，则响应将是一个没有任何正文的304;

代理没有满足这一期望，响应一个304状态代码，但一个非空的主体，从而导致请求被取消。

在修复代理行为后，请求就像一个魅力。

如果您使用axios，它可以帮助您

// change timeout delay: Instance.defaults.timeout = 2500;

https://github.com/axios/axios#config-order-of-precedence

我们有这个问题有标签<按钮>的形式，这是应该从js发送ajax请求。但是这个请求被取消了，由于浏览器，它会自动发送表单内的任何点击按钮。

因此，如果你真的想在页面上使用button而不是常规的div或span，并且你想发送form throw js -你应该设置一个带有preventDefault函数的监听器。

e.g.

$('button').on('click', function(e){

    e.preventDefault();

    //do ajax
    $.ajax({

     ...
    });

})

这是发生在我身上的事情:服务器为302重定向返回了一个格式错误的“Location”头。当然，Chrome没有告诉我这一点。我在firefox中打开了这个页面，并立即发现了问题。有多种工具真好:)

推荐文章