Wysyłanie danych z formularza do pliku PHP

Cześć, staram się wysłać dane z formularza - na submita - do lokalnego pliku dom.php, jednak przy submitowaniu forma nic się nie dzieje. Mój kod:

form.addEventListener('submit', (e) => {
    e.preventDefault();

    const form = document.getElementById('form');
    const nameInput = document.getElementById('name');
    const surnameInput = document.getElementById('surname');
    const emailInput = document.getElementById('email');
    const messageInput = document.getElementById('message');

    const formData = new FormData();
    formData.append(name, nameInput.value);
    formData.append(surname, surnameInput.value);
    formData.append(email, emailInput.value);
    formData.append(message, messageInput.value);

    console.log(nameInput.value)
    
    fetch('dom.php', {
        method: 'post',
        body: formData
    }).then(function (resp) {
        return resp.text();
    }).then(function (text) {
        console.log(text);
    }).catch(e => {
        console.log(e);
    })
})

Komunikat z konsoli:

Fetch API cannot load file:///sciezka. URL scheme must be "http" or "https" for CORS request.
(anonymous) @ formvalidation.js:84
formvalidation.js:92 TypeError: Failed to fetch
    at HTMLFormElement.<anonymous> (formvalidation.js:84)

Czy ktoś wie w czym może być problem? Czy może taki sposób przesyłania danych nie jest najlepszy?

Co to znaczy nic się nie dzieje?
Czy Twój hander jest w ogóle uruchamiany?
Czy pokazuje Ci się coś w konsoli deweloperskiej?
Gdzie masz zdefiniowane zmienne name, surname, email i message wykorzystywane w .append()?