I'm using the app router and have enabled cors for all hosts to certain api endpoints to make them accessible to an electron app. Here is how I did that:

export function OPTIONS() {
  return new Response('', {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
      'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept, Authorization',
    }
  });
}

export function POST(request: Request) {
  // doin something
  return new Response('', {
    headers: {
      'Access-Control-Allow-Origin': '*',
      'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
      'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept, Authorization',
    }
  });
}

The HTTP requests contain an Authorization header with Bearer token

Usually this works fine. But about every 10 to 20 request or so im getting a random cors error. I usually just catch it and send the request again wich works about 9/10 times but I still can't guarantee that the request won't be blocked by cors. How can I fix this?