javascript getirme - "Yanıt" üzerinde "json" yürütülemedi: gövde akışı kilitlendi

İstek durumu 400'den büyük olduğunda (400, 423, 429 durumlarını denedim), getirme döndürülen json içeriğini okuyamıyor. Tarayıcı konsolunda aşağıdaki hata görüntüleniyor

Yakalanmamış (sözde) TypeError: "Yanıt" üzerinde "json" yürütülemedi: gövde akışı kilitlendi

Döndürülen yanıt nesnesinin içeriğini aşağıdaki gibi gösterdim:

Ama yine de birkaç ay önce kullanabilirim.

Sorum şu:

• Bu sadece Chrome tarayıcısının davranışı mı yoksa getirme standart değişiklikleri mi?
• Bu durumların vücut içeriğini almanın bir yolu var mı?

Not: Tarayıcı sürümüm Google Chrome 70.0.3538.102 （正式 版本） （64 位）

Ben de bu hatayla karşılaştım ancak bunun Yanıt durumuyla ilgili olmadığını öğrendim, asıl sorun yalnızca tüketebileceğiniz Response.json() kez , birden fazla tüketiyorsanız hata oluşacak.

aşağıdaki gibi:

    fetch('http://localhost:3000/movies').then(response =>{
    console.log(response);
    if(response.ok){
         console.log(response.json()); //first consume it in console.log
        return response.json(); //then consume it again, the error happens

    }

Dolayısıyla çözüm, blokta Response.json()birden fazla tüketmekten kaçınmaktır then.

Kullanım Response.clone() içinResponse

misal

fetch('yourfile.json').then(res=>res.clone().json())

'Json', 'metin' gibi yanıt yöntemleri bir kez çağrılabilir ve ardından kilitlenir. Gönderilen yanıt resmi, vücudun kilitlendiğini gösterir. Bu, zaten "o zaman", "yakala" dediğiniz anlamına gelir. Bunu yeniden yaşamak için aşağıdakileri deneyebilirsiniz.

fetch(url)
    .then(response=> response.body.json())
    .then(myJson=> console.log(myJson))

Veya

fetch(url)
    .catch(response=> response.body.json())
    .catch(myJson=> console.log(myJson))

Çok geç olduğunu biliyorum ama birine yardımcı olabilir:

let response = await fetch(targetUrl);
let data = await response.json();

Ben de buna sıkıştım. Ama bu benim için çalıştı.

fetch(YOUR_URL)
.then(res => {
  try {
    if (res.ok) {
      return res.json()
    } else {
      throw new Error(res)
    }
  }
  catch (err) {
    console.log(err.message)
    return WHATEVER_YOU_WANT_TO_RETURN
  }
})
.then (resJson => {
  return resJson.data
})
.catch(err => console.log(err))

iyi şanslar

Yanlışlıkla bir yanıt nesnesini yeniden kullanıyordum, buna benzer bir şey:

const response = await new ReleasePresetStore().findAll();
const json = await response.json();
this.setState({ releasePresets: json });

const response2 = await new ReleasePresetStore().findActive();
const json2 = await response.json();
this.setState({ active: json2 });
console.log(json2);

Bu hat:

const json2 = await response.json();

Olmalıydı (kullanılmış yanıt1 yerine yanıt2):

const json2 = await response2.json();

Önceki yanıtı tekrar kullanmak anlamsızdı ve kirli bir kod yazım hatasıydı ...

Bu benim için çalıştı

response.json().then(data => {
  // use data
})

Aynı yanıt nesnesini kullanmaya çalıştığınızda soruda da belirtildiği gibi, nesnenin durumu nedeniyle vücudunuz kilitlenmek üzeredir. Yapabileceğiniz şey, yanıt nesnesinin değerini yakalamak ve ardından üzerinde bir işlem yapmaktır (.then ()). Lütfen aşağıdaki kodu takip edin,

fetch('someurl').then(respose) => {
    let somedata = response.json(); // as you will capture the json response, body will not be locked anymore. 
    somedata.then(data) => {
        {
             error handling (if (data.err) { ---- })
        }
        {
             operations (else { ---- })
        }
    } 
}