Programming/javascript

[자바스크립트]내가 보려고 올리는 axios 메소드들 정리

멍쟈뽀쨕 2024. 12. 19. 19:30

1. post

await axios
    .post(
        'api', // 요청할 URL
        { 
            "data1": value1,
            "data2": value2 
        }, // 전송할 데이터
        {
            withCredentials: true, // 설정: 쿠키 전송 허용
            headers: { "Content-Type": "application/json" }, // 설정: 헤더
        }
    )
    .then((response) => {
        console.log(response.data); // 응답 데이터 출력
        return response.data;
    })
    .catch((error) => {
        console.error('Error fetching data:', error); // 오류 출력
    });



2. get

await axios
    .get('https://api.example.com/data', {
        params: { key1: 'value1', key2: 'value2' }, // 쿼리 매개변수
        headers: { Authorization: 'Bearer token' }, // 추가 헤더
        withCredentials: true, // 쿠키 전송 허용
    })
    .then((response) => {
        console.log(response.data); // 서버에서 받은 데이터 출력
    })
    .catch((error) => {
        console.error('Error fetching data:', error); // 오류 처리
    });






3. put


axios.put(
    url,          // 요청할 URL
    data,         // 전송할 데이터 (요청 본문)
    config        // 추가 설정 (옵션)
)
    .then(response => {
        // 성공 시 실행되는 코드
        console.log(response.data);
    })
    .catch(error => {
        // 오류 시 실행되는 코드
        console.error(error);
    });

'Programming > javascript' 카테고리의 다른 글

[자바스크립트] 비동기 통신axios  (0) 2024.12.18
[자바스크립트]숫자 야구 게임  (3) 2024.12.16