¿Cómo acceder a la respuesta json cuando el estado está por encima de 400? El servidor devuelve un mensaje de la respuesta que quiero mostrar en la interfaz.
Mi función de solicitud se muestra a continuación.
export class ResponseError extends Error { public response: Response; constructor(response: Response) { super(response.statusText); this.response = response; } } /** * Parses the JSON returned by a network request * * @param {object} response A response from a network request * * @return {object} The parsed JSON from the request */ function parseJSON(response: Response) { if (response.status === 204 || response.status === 205) { return null; } return response.json(); } /** * Checks if a network request came back fine, and throws an error if not * * @param {object} response A response from a network request * * @return {object|undefined} Returns either the response, or throws an error */ function checkStatus(response: Response) { if (response.status >= 200 && response.status < 300) { return response; } const error = new ResponseError(response); error.response = response; throw error; } /** * Requests a URL, returning a promise * * @param {string} url The URL we want to request * @param {object} [options] The options we want to pass to "fetch" * * @return {object} The response data */ export async function request( url: string, options?: RequestInit, ): Promise<{} | { err: ResponseError }> { const fetchResponse = await fetch(url, options); const response = checkStatus(fetchResponse); return parseJSON(response); }¿Es posible convertir esta función? No tengo acceso a la respuesta de error en este momento.
Puede envolverlo en un bloque de captura de prueba y mostrar el mensaje de error cuando obtenga un error 400.
try { nonExistentFunction(); } catch (error) { console.error(error); // Do something with the error, or try again. // expected output: ReferenceError: nonExistentFunction is not defined // Note - error messages will vary depending on browser }https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/try...catch