index.html

---
layout: page
title: cors-errors.info
permalink: /
css-class: index
---

<h1>
  cors-errors.info
</h1>

<section>
  <p>
    Got a CORS problem? Get it fixed in 4 <del>easy</del> steps...
  </p>
  <ol>
    <li>Learn how CORS works.</li>
    <li>Check the browser console for errors.</li>
    <li>Inspect the request and response headers in the <em>Network</em> tab of your browser’s developer tools.</li>
    <li>Go back to step 1. That step’s really important.</li>
  </ol>
</section>

<section>
  <h2>On this site</h2>
  <ul>
    <li>
      <a href="/faq">FAQ</a> - Frequently asked questions about CORS (cross-origin resource sharing).
    </li>
    <li>
      <a href="/header-checker">Header Checker</a> - An online tool for checking your CORS headers.
    </li>
    <li>
      <a href="/error-messages">Error Messages</a> - Explanations of the most common CORS error messages in Chrome.
    </li>
  </ul>
</section>

<section>
  <h2>Around the web</h2>
  <p>
    Some of these resources may not reflect exactly what is implemented in the latest browsers but the core principles
    haven’t changed much since CORS was first introduced.
  </p>
  <ul>
    <li>
      A guide to CORS -
      {% include external-link.html href="https://www.moesif.com/blog/technical/cors/Authoritative-Guide-to-CORS-Cross-Origin-Resource-Sharing-for-REST-APIs/" %}
    </li>
    <li>
      Another CORS guide -
      {% include external-link.html href="https://javascript.info/fetch-crossorigin" %}
    </li>
    <li>
      How to win at CORS -
      {% include external-link.html href="https://jakearchibald.com/2021/cors/" %}
    </li>
    <li>
      CORS on MDN -
      {% include external-link.html href="https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS" %}
    </li>
    <li>
      Changes to how cookies work in Chrome 80+ from February 2020 -
      {% include external-link.html href="https://www.chromium.org/updates/same-site" %}
    </li>
    <li>
      Enable CORS - {% include external-link.html href="https://enable-cors.org/" %}
    </li>
  </ul>
</section>