Frontend app making request to the wrong host

1

Hi, i just started deploying the new Vitejs app on Render using webservice free plan and docker. The web did render in the given domain https://codelearner-ironhack.onrender.com/
The .env setting for my service loooks like this

NODE_ENV=production
VITE_API_URL=http://codelearner.it.com/api
... and otther

As you can see, the codelearner.it.com/api is used as an seperated API backend for the frontend, and axios inside are suppose to make request to this route and get the data requested.
However when look into the network in my browser i see this route

https://codelearner-ironhack.onrender.com/

Where was i wrong, is there a format i need to follow.

For more reference this is how the VITE_API_URL is used

export const CODELEARNER_API = axios.create({
  baseURL: import.meta.env.VITE_API_URL,
  headers: {
    Accept: "application/json",
  },
});