How to change port using fetch and request react js?

Question

This is the code I took from my professor's tutorial. LoginComp is just {username: '', password: ''}

const request = new Request("/users/login", {
    method: "post",
    body: JSON.stringify(loginComp),
    headers: {
        Accept: "application/json, text/plain, */*",
        "Content-Type": "application/json"
    }
});

// Send the request with fetch()
fetch(request)
    .then(res => {
        if (res.status === 200) {
            return res.json()


        }
    })

    .catch(error => {
        console.log(error);
    });

I have a backend server running at localhost:5000 with post routes at localhost:5000/users/login. The issue with this code is it assumes users/login is at localhost 3000 so I would get this error in console:

POST http://localhost:3000/users/login 404 (Not Found)

How do I make it so its localhost:5000 not 3000 (the client server)

Answer 1

You have to add http://localhost:5000/ to your url.

const request = new Request("http://localhost:5000/users/login", {
    method: "post",
    body: JSON.stringify(loginComp),
    headers: {
        Accept: "application/json, text/plain, */*",
        "Content-Type": "application/json"
    }
});