codestates / codestates/Almost-There

[Error log] 클라이언트에 쿠키가 저장되지 않는 문제 / 2022-02-16

Open
#48 0 comments 0 reactions 2 assignees Claimed by @jeonsangin View on GitHub
Complete
Dominant language
TypeScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

### 어떤 에러인가요?
- OAuth 2.0을 클라이언트에서 테스트했는데 모든 작업이 제대로 처리되었음을 확인했음에도 불구하고, 클라이언트에 쿠키가 저장이 안 됨.

### 에러 메시지
- 클라이언트에서 쿠키가 없다고 뜸.

### 에러 핸들링 방법
- 서버에서 cors 설정을 제대로 해야함.
cors 허용을 모든 도메인에 하면 안됨. cors 허용 도메인을 지정해주니 해결 됨.
- 클라이언트에서 요청보낼 때 `withCredentials: true` 옵션 추가

```js
app.use(
cors({
origin: 'http://localhost:3000', // 이전엔 origin: true 였는데, 이게 문제였던 거 같음.
credentials: true,
methods: ['GET', 'POST', 'PUT', 'DELETE', 'OPTIONS']
})
);
```

### 에러 핸들링을 위해 참고한 레퍼런스 링크

[react router props 전달 & 브라우저에 쿠키 저장이 안되는 문제 해결](https://velog.io/@yhe228/react-router-props-axios-cookie-get-set)

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.