codestates / codestates/BanThing

[Error Handling] axios POST 요청시 순서 문제

Open
#144 0 comments 0 reactions 3 assignees Claimed by @minho0513 View on GitHub
client error solved
Dominant language
TypeScript
Stars
0
Forks
2
PR merge metrics
No merged PRs in 30d

Description

### 어떤 에러인가요?
- axios POST 요청시 전달하는 데이터의 순서와 항목이 알맞지 않아 서버에 요청하는 과정에서 발생한 에러입니다.

```javascript
axios
.post(
`http://${process.env.NEXT_PUBLIC_SERVER_ENDPOINT}/users/logout`,
{
headers: {
Authorization: `Bearer ${prop.accessToken}`,
'Content-Type': 'application/json',
},
withCredentials: true,
},
)
```

### 에러 핸들링 방법
- axios POST 요청시 `axios.post('url', {data}, {config})` 의 순서를 반드시 지켜줘야합니다.
- 중간의 `{data}` 항목 없이 POST 요청을 보냈다보니 위와 같은 에러가 발생한 것 같습니다.

```javascript
axios
.post(
`http://${process.env.NEXT_PUBLIC_SERVER_ENDPOINT}/users/logout`,
{},
{
headers: {
Authorization: `Bearer ${prop.accessToken}`,
'Content-Type': 'application/json',
},
withCredentials: true,
},
)
```
- 이렇게 `'url'` 과 `{config}` 사이에 `{data}` 에 해당하는 `{}` 를 넣어주니 정상적으로 axios POST 요청이 잘 작동했습니다.

다같이 고민해주신 팀원분들께 감사드립니다 :3
 

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.