Fetch Error Handling

Network errors throw; HTTP errors do not. Build a wrapper that normalises both into rejections.

Example

async function apiFetch(url, opts = {}) {
  const res = await fetch(url, opts);
  if (!res.ok) {
    const body = await res.text().catch(() => "");
    throw Object.assign(new Error(`HTTP ${res.status}`), { status: res.status, body });
  }
  return res.json();
}

JAVASCRIPT

Full Editor

Pro Tip

Wrapping fetch in a helper centralises error normalisation and avoids repeating if (!res.ok) everywhere.

Related Resources

JavaScript Reference

Complete tag & property list

JavaScript How-To Guides

Step-by-step practical guides

JavaScript Exercises

Practice what you've learned