I have encountered a problem while trying to update the base URL in my Axios patch request. Despite specifying the new baseURL in the stageReceiver method, it continues to use the default baseURL (which is set when running npm serve).
import axios from "axios";
const getSingleSenders = baseURL =>
axios
.get("/single/senders", {baseURL: baseURL})
.then(({ data }) => ({ senders: data }))
const stageReceiver = (receiverId, baseURL, stagedPayload) =>
axios
.patch("/single/receivers/" + receiverId + "/staged", {
baseURL: baseURL,
payload: stagedPayload,
Headers: {"Content-Type": "application/json"}
})
.then(({ data }) => ({ receiver: data }))
export default {
getSingleSenders,
getSingleSender,
stageReceiver
};
Even after calling the function with a newBaseURL parameter like "http://172.17.0.13:8080/test":
const stagedResult = await connectionService.stageReceiver(id, newBaseURL, connectionPayload)
The browser shows a 404 error with an incorrect URL pointing to my Vue dev instance at localhost:
http://localhost:8082/single/receivers/id/staged
Instead of:
The issue does not occur with the getSingleSenders method, where the baseURL is correctly used. I am unsure about what I am missing and would appreciate any guidance on this matter.