Реш. fetch() POST has been blocked by CORS policy: Response to preflight request doesn't pass access

Элементарное решение надоедливой ошибки CORS при попытке отправить JSON методом POST используя fetch:

Access to fetch at https://your-site from origin 'http://localhost' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Ошибка возникает потому, что браузер обязательно делает запрос методом OPTIONS прежде чем послать POST. Наш php скрипт обрабатывает его как GET и выдает всякую муть или ошибку.

А вместо этого, нужно всего-навсего послать требуемые заголовки и убить скрипт:

PHP:

1. if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
2.     header("Access-Control-Allow-Origin: *");
3.     header('Access-Control-Allow-Headers: Content-Type");
4.    exit();
5. }

Всё. На первый раз OPTIONS получают корректный ответ, на второй - получим наш JSON.
Не забываем mode: cors в fetch конечно же.