axios DELETE data 속성 사용

 

아래는 axios get / post / delete 요청의 형식이다

 

GET

 

// 커뮤니티 서브어드민 조회

function fetchCommunityAdmin(community_name) {
    return axios.get(`${config.baseUrl}/community/${community_name}/subadmin/`)
}

 

POST

 

// 커뮤니티 서브어드민 등록

function fetchSubAdminCreate(community_name, user) {
    return axios.post(`${config.baseUrl}/community/${community_name}/subadmin/`, {
        user,
    },
    {
        headers: {
            'Authorization': `Bearer ${access_token}`,
            'Content-Type': 'application/json',
        }
    })
}

 

DELETE

 

// 커뮤니티 서브어드민 삭제

function fetchSubAdminDelete(community_name, user) {
    return axios.delete(`${config.baseUrl}/community/${community_name}/subadmin/`,{
        data: {
            user,
        },
        headers: {
            'Authorization': `Bearer ${access_token}`,
            'Content-Type': 'application/json',
        }
    })
}

 

서브어드민 등록과 삭제에서 똑같이 user id값을 받아와 등록과 삭제가 이루어지는 방식으로 구현하였는데

 

처음에는 post와 delete의 형식을 같게 했더니 장고에서 request.user가 AnonymousUser로 찍히는 현상 발생!

 

axios의 POST 요청과 달리 DELETE 요청 메서드는 기본적으로 요청 본문을 지원하지 않기 때문에

 

위의 경우와 같이 delete 요청 본문에 데이터를 포함시키기 위해서는

 

data 속성을 사용해야 한다는 것이었다