Как установить несколько заголовков XMLHttpRequest

Я пишу соцсеть (и вот не надо докапываться, что я пишу её на чистом JS), и мне нужна функция, которая будет загружать посты из базы, подобно ленте. У меня есть функция "loadImportantPosts", которая загружает "важные" посты (что-то по типу рекламы, только идёт в первую очередь). Мне нужно установить всего-то два заголовка: Access-Control-Allow-Origin: * и Content-Type: application/json, но метод "setRequestHeader" — это такая гадость! Устанавливает от силы один заголовок, когда МНЕ НУЖНО ДВА!!!

Прошу помочь мне в решении данного вопроса.

Если что, код прикреплён ниже:

function loadImportantPosts() {
    xhr.open('POST', 'http://188.120.244.235:25565/junytwork_api/get_important_posts', false);
    xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
    xhr.send({
        login: localStorage.login,
        password: localStorage.password
    });

    const object = JSON.parse(xhr.responseText);

    if(object.success) {
        const posts = object.posts;
        posts.forEach((el) => {
            document.getElementById('feed').innerHTML = `<div class="post">
            <div class="post-top-bar">
                <div class="author-name">${el.authorLogin}</div>
                <br>
                <hr>
            </div>
            <br><br><br><br>
            <div class="post-text">${el.text}</div>
            <br><hr>
            <div class="post-likes-count">❤ ${el.likes.split('|').length.toLocaleString('ru')}</div>
        </div>`
        });
        return 'ok';
    }

    if(!object.success && object.error.code == 1) {
        alert('Ошибка: в запросе недостаточно параметров.');
        return 'error';
    }

    if(!object.success && (object.error.code == 2 || object.error.code == 4)) {
        alert('Ошибка авторизации. Сейчас вы будете перенаправлены на страницу входа.');
        return 'error';
    }

    if(!object.success && object.error.code == 5) {
        alert('Не было найдено важных постов.');
        return 'error';
    }
}