Axios로 클라이언트쪽에서 POST메소드 실행시 400번 에러

 

400번 에러는 문법상 오류가 있어서 서버가 요청 사항을 이해하지 못해서 생길 수 있는 에러이다.

 

리액트 클라이언트에서 axios.post로 제목과 내용이라는 파라메터 두 개를 보내준다.

 

이 에러는 사실 리액트에서 파라메터를 잘 못 보내줘서

 

const [제목,제목변경] = useState(' '); 이렇게 되어있어서 post 메소드에 btitle: {제목} 이렇게 작성했는데

 

이렇게 작성하는 것이 아닌 btitle : 제목 이렇게 작성해야한다.

 

이렇게 해서 에러를 해결했다.

 

사실 처음에 구글링하면서 스프링부트에서 아래의 코드도 작성해보았다.(이 부분은 잘 모른다 그냥 구글링해서 나온 코드를 작성했다 ㅠㅠ )

 

 function sendData(){
        axios.post(
            '/posts/post',{
                btitle: 제목,
                content: 내용
                
            }).then(function(response){
                console.log(response);
            }).catch(function(error){
                console.log(error);
            })
        }