AJAX. 405 Method Not Allowed

Совсем не давно начал заниматься фронтендом (около месяца) и скорее всего решение не трудное, но я потратил на него час времени в гугле и осмелился задать вопрос здесь, просьба не кидаться камнями если вопрос глупый. При клике на кнопку по идее должна отправляться форма на сервер, однако получаю ошибку из заголовка

let message = {
    loading: 'Загрузка...',
    success: 'Спасибо! Скоро мы с вами свяжемся!',
    failure: 'Что-то пошло не так...'
};

let form = document.querySelector('.main-form'),
    input = form.getElementsByTagName('input'),
    statusMessage = document.createElement('div');

    statusMessage.classList.add('status');

    form.addEventListener('submit', function(event) {
        event.preventDefault();
        form.appendChild(statusMessage);
        
    let request = new XMLHttpRequest();
    request.open('POST', 'server.php');
    request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); // говорим серверу что отправим ему файлы из формы
    //работаем через атрибут name input
    let formData = new FormData(form); // Получить все данные которые ввел пользователь во все инпуты формы
    request.send(formData); //отправляем данные на сервер
    });

});

В панели разработчика, консоль ругается на последнюю строчку (отправка данных на сервер)