codestates / codestates/BanThing
[Error Handling] axios POST 요청시 순서 문제
- 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.