I'm trying to use a post method on an API, but for some reason when I call the function it posts to the wrong path of the API.
Here is the script I am using for the post:
//Creating Order
const createOrder = async (data) => {
try {
const res = await axios.post(
`${process.env.API_ROOT}/api/orders` ||
`${process.env.LOCAL_URL}/api/orders`,
data
);
if (res.status === 201) {
router.push(`/api/orders/${res.data._id}`);
dispatch(reset());
}
} catch (err) {
console.log(err);
}
};
I call this function when approving from Paypal and using the order button. However, when I press the button, the URL of the API path changes to something like
${process.env.API_ROOT}/undefined/api/orders ${process.env.LOCAL_URL}/undefined/api/ordershttps://i.stack.imgur.com/BbzaW.png
But when I use something like this, it works fine:
//Creating Order
const createOrder = async (data) => {
try {
const res = await axios.post(`/api/orders`, data); <===== It's working
if (res.status === 201) {
router.push(`/api/orders/${res.data._id}`);
dispatch(reset());
}
} catch (err) {
console.log(err);
}
};