axios로 delete요청하기

//서버 코드입니다.

app.delete('/delete', function(req, res) {
    db.collection('post').deleteOne({ _id : req.body.id }, (err, result) => {
        if(err) {
            console.log('err')
        }
        console.log('id : ' + req.body.id + ' 삭제완료')
    })
})

// jsx코드 입니다

const deleteClick = (e) => {
    axios.delete('http://localhost:8080/delete', { data : { id : e.target.id } })
    .then(() => {
      console.log('delete성공');
    })
    .catch(() => {
      console.log('delete실패');
    })
  }

      {
        props.list.map((a, i) => {
          return(
            <div key={i} className = 'todo'>
              <span>{ props.list[i] }</span>
              <button id = {i + 1} onClick={deleteClick}>삭제</button>
            </div>
          )
        })
      }

서버에 req.body.id 값으로 1이 잘 전달이 되는데 mongodb에서 데이터가 삭제되지 않습니다 ㅠㅠ

어떻게 해야할까요..

버튼을 누르면 터미널에 id : 1 삭제완료는 뜨는데 

콘솔창에 delete성공, delete실패 는 뜨지가 않습니다 .then() , .catch() 둘다 실행이 되지 않는 듯 합니다