axios.post() vs axios({method:post})

try {
	await axios({
		method: "post",
		url: `/member/wishlists?hotelId=${id}`,
		headers: {
			Authorization: localStorage.getItem("accessToken"),
        },
     });

     await axios.post(`/member/wishlists?hotelId=${id}`, undefined, {
     	headers: {
        	Authorization: localStorage.getItem("accessToken"),
        },
     });

} catch (error) {
	console.error(error);
  }

🚫 Error Issue
wishlist (하트를 누르면 찜기능)
처음엔

await axios.post(
	/member/wishlists?hotelId=${id}, 
    { headers: { 
    	Authorization: localStorage.getItem("accessToken"),
      }, 
  	}
);​

 

로 했는데 403 Forbidden 에러가 계속 발생 (postman과 분명 동일한 url인데 axios로 안됐음)
검색 결과, axios.post⇒ axios.post(url[, data[, config]])여서 보내주고 있는 data가 없는데 headers를 data자리에 계속 보내주고 있어서 생긴 에러..

await axios({
	method: "post",
	url: `/member/wishlists?hotelId=${id}`,
	headers: {
		Authorization: localStorage.getItem("accessToken"),
	},
});​

어쩐지, 상기 방법만 작동해서 같은말인데 왜 안되지 하고 있었는데..axios의 근본 사용 방법을 제대로 숙지 못함..

 

https://axios-http.com/kr/docs/api_intro