this post was submitted on 05 Nov 2024
4 points (100.0% liked)

Learn Programming

1643 readers
1 users here now

Posting Etiquette

  1. Ask the main part of your question in the title. This should be concise but informative.

  2. Provide everything up front. Don't make people fish for more details in the comments. Provide background information and examples.

  3. Be present for follow up questions. Don't ask for help and run away. Stick around to answer questions and provide more details.

  4. Ask about the problem you're trying to solve. Don't focus too much on debugging your exact solution, as you may be going down the wrong path. Include as much information as you can about what you ultimately are trying to achieve. See more on this here: https://xyproblem.info/

Icon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 1 year ago
MODERATORS
 

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?

top 4 comments
sorted by: hot top controversial new old
[–] autokludge 2 points 2 weeks ago (2 children)

That's just the F/E side -- i would check devtools network tab and see if the request is being correctly sent to the right location. There might be some request validation failing & causing the redirect. Hard to advise without knowing what the B/E consists of.

[–] [email protected] 2 points 2 weeks ago (1 children)

i did check there and it is getting sent to the root as far as it shows. the backend is a bit of a mess since it's my first time using node but i can share it when i'm back home

[–] autokludge 1 points 2 weeks ago* (last edited 2 weeks 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)

[–] notnotmike 1 points 2 weeks ago

Agreed. We need to know what the backend looks like and we need to know what the Network tab is saying