[React] Axios / JSON으로 객체를 서버에 전송하기

Axios 설치하기

yarn add axios

​
​

Axios Post 요청 방법

Put도 동일. Delete만 axios.delete로 접근하면 된다.

import { post, put, axios } from 'axios'  

        post( 서버URL
            , 보낼data
            , { config 정보들 ...}
            }.then(res => {
            요쳥결과 처리
        }).catch(err => {
            에러처리
        });

​
​

JSON을 이용하여 객체를 서버에 전송하는 방법

객체 타입의 data를 넣어주고 config에 context-Type을 json타입으로 명시해준다.

        const url = "http://localhost:8080/login";
        const data = {
            'email' : email,
            'pw' : pw
        };
        const config = {"Content-Type": 'application/json'};
        
        post(url, data, config)
            .then(res => {
                // 성공 처리
            }).catch(err => {
                // 에러 처리
                //console.log(err.response.data.message); --> 서버단 에러메세지 출력~
            });