react axios.delete 403 error

BackEnd_Ash.log·2021년 6월 2일
0

react-error

목록 보기
1/1

📌 axios.delete

function removeBoardAPI(data) {
    console.log("board data : " , data);
    return axios.delete("/board/", data , {
        headers: {
            Authorization: `${localStorage.getItem("token")}`,
        },
    });
}

이렇게 했을때 403 에러가 났다.. 왜지 ??

역시.. 구글 센세를 찾아봤다.

https://stackoverflow.com/questions/51836854/axios-delete-method-gives-403

여기 글 밑에보면 ,

순서를 이렇게 해보라고 누가 적어놓았다. 추천수는 없지만 그대로 따라서 고쳐봤다.

function removeBoardAPI(data) {
    console.log("board data : ", data); // 여기까지는 정확하게 찍힌다.
    // axios.delete 에서 back 에 전달이 안된다. 이유가 뭘까 ??
    return axios.delete("/board/", {
        headers: {
            Authorization: `${localStorage.getItem("token")}`,
        },
        data,
    });
}

status 200 이 뜬것을 확인할 수 있었다. 이유는... 잘 모르겠다.

profile
꾸준함이란 ... ?

2개의 댓글

comment-user-thumbnail
2021년 9월 2일

Axios에서는 url을 제외한 나머지는 모두 옵션입니다. 별칭 메소드를 사용하지 않을 경우, 기본값은 get입니다. 따라서 두 번째 인자에 객체 형태로 전달해줘야 합니다.
Axios API를 별칭 형태(Axios.delete 등)로 작성할 때는 url을 제외한 나머지를 두 번째 인자에 객체 형태로 전달해야 하는데, 오류가 나신 부분은 data를 두 번째에 넣고, 나머지를 세 번째에 넣었기 때문에 그렇습니다.
https://yamoo9.github.io/axios/guide/api.html#%EA%B5%AC%EC%84%B1-%EC%98%B5%EC%85%98
https://yamoo9.github.io/axios/guide/api.html#http-%EB%A9%94%EC%84%9C%EB%93%9C-%EB%B3%84%EC%B9%AD

1개의 답글