Hi, I have this function that is supposed to upload a file stream to another page:

async function getData() {
    const vocadata = await fetch('http://localhost:3000/upload/',
        {
            method: "POST",
            headers: {
                "Content-Type": "multipart/form-data",
            },
            body: data,
        });
    console.log(vocadata);
};

The problem is though, no matter what URL I enter in the first argument, it always posts the request to /. How can I fix this?

  • autokludge
    link
    fedilink
    English
    arrow-up
    1
    ·
    edit-2
    1 month ago

    Assuming the above function is called from an event somewhere, you could attempt to set an event break point at the entry point to this and step thru to gain some understanding. First thought if the request is being triggered by a submit input within a form it may be triggering the default form action instead of the intended code. ( ie https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault)