Cordova Ajax 调用抛出网络::ERR_SPDY_PROTOCOL_ERROR

Question

我有两个 Ajax 调用，但其中一个 Ajax 调用返回 net::ERR_SPDY_PROTOCOL_ERROR。

Ajax 调用 URL 来自 WordPress Woocommerce RestApi。

当我在模式下运行 chrome - chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-security - 错误消失，一切正常。

错误

• 不工作的Ajax 调用：

   $.ajax({ url: "https://krii.000webhostapp.com/wp-json/wc/v2/products/categories?per_page=99", success: function(json){ console.log("Success", json); $.each(json, function (index, categories) { //console.log(categories); catego.push({Cat_Name: categories.name}); //console.log(catego); $('select#categories2').append('<option data-id="> categories.id">'+categories.name+'</option>'); }); }, error: function (XMLHttpRequest, textStatus, errorThrown){ console.log(textStatus,errorThrown) }, beforeSend: function (xhr) { xhr.setRequestHeader('Authorization', 'Basic ' + btoa('ck_...:cs_...')); }, type: 'GET', contentType: 'json' });

• 正在工作的Ajax 调用：

   $.ajax({ url: "https://..../wp-json/wc/v2/products/categories?per_page=99", success: function(json){ console.log("Success", json); $.each(json, function (index, categories) { //console.log(categories); catego.push({Cat_Name: categories.name}); //console.log(catego); $('select#categories').append('<option data-id="> categories.id">'+categories.name+'</option>'); }); }, error: function (XMLHttpRequest, textStatus, errorThrown){ console.log(textStatus,errorThrown) }, beforeSend: function (xhr) { xhr.setRequestHeader('Authorization', 'Basic ' + btoa('ck_...:cs_...')); }, type: 'GET', contentType: 'json' });

我究竟如何解决这个问题，因为它在移动设备上不起作用。

Answer 1

这个错误 ERR_SPDY_PROTOCOL_ERROR 在谷歌浏览器中发现。 随着谷歌浏览器的最新更新，它已被废弃。 添加此协议是为了更快的 Web 加载和安全性。 您可以从how-to-fix-err_spdy_protocol_error-in-google-chrome-2019了解更多信息