Установка заголовка запросов XHR запускает бэкэнд дважды в Node js

Question

Вот мой передний Ajax код

let ii = 0
function dothisone(e) {


  e.preventDefault();

  ii++

  var xhr = new XMLHttpRequest();
  xhr.withCredentials = true;

  xhr.addEventListener("readystatechange", function() {
    if(this.readyState === 4) {
      console.log( this.responseText);
      console.log('Ajax ran: ', ii, 'Times');
    }
  });

  xhr.open("POST", "http://localhost:3000/api/");
  xhr.setRequestHeader("Content-Type", "application/json");


  xhr.send();

  console.log('You hit the button: ', ii, 'Times');
}

А вот мой бэкэнд-код в node js

var http = require('http');
var url = require('url');

let numt = 0;

http.createServer(function (req, res) {

numt++;
   
  res.writeHead(200, {
    'Content-Type': 'text/html',
    'Access-Control-Allow-Origin': '*',
    'Access-Control-Allow-Methods': 'GET, POST, OPTIONS, PUT, PATCH, DELETE',

    'Access-Control-Allow-Headers': 'content-type, Accept, Authorization',

    'Access-Control-Allow-Credentials': false,

  });
  var q = url.parse(req.url, true);
  var txt = q.year + " " + q.month;
  console.log('Backend got',numt,'hit(s)');

  res.end(txt);
}).listen(9000);

console.log для каждого отдельного запроса / нажатия кнопки в моем бэкэнде дважды нажимает и показывает

// first request
Backend got 1 hit(s)                                                                                                                                        
Backend got 2 hit(s)
// another request
Backend got 3 hit(s)                                                                                                                                        
Backend got 4 hit(s)

Это происходит только каждый раз, когда я устанавливаю это (или любой другой заголовок перед отправкой) в запросе xhr

xhr.setRequestHeader("Content-Type", "application/json");

пожалуйста, помогите !!! Я использую чистый node js. Пожалуйста, никаких рамок. Спасибо