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' 카테고리의 다른 글
[vue] vue 프로젝트 생성 및 생성 시 각 파일의 용도 (1) | 2024.12.26 |
---|---|
[vue]vue vite 기반 프로젝트 생성 및 초기 설정 (feat. pinia, router, axios) (0) | 2024.12.26 |
[자바스크립트] 비동기 통신axios (0) | 2024.12.18 |
[자바 스크립트] 기본 문법 (0) | 2024.12.16 |
[자바스크립트]숫자 야구 게임 (3) | 2024.12.16 |