React fetch为我提供了截断的JSON响应

Question

I'm facing an issue in React fetch, it gives me an incomplete response, so when I parse the response into JSON, it was returning me an error.

Code:

export default async (url, body = null, method = 'GET') => {
  let config = {
      method,
  };
  try {
      const response = await fetch(url, config);
      if (!response.ok) {
          throw new Error(response.statusText);
      }
      return await response.json();
  } catch (error) {
      console.warn(error);
      throw error;
  }
};

Response log:

Does fetch has a maximum response size? If yes, how to increase it?

Answer 1

There's no max limit to fetch response size.

The error in your case means that you are reading the response body more than once. Try guarding the .json() calls with Body.bodyUsed .

See https://developer.mozilla.org/en-US/docs/Web/API/Body