set-cookie가 제대로 동작하지 않습니다.

Slack 클론 코딩[실시간 채팅 with React]

로그인 페이지 만들기

작성

1.9K

안녕하세요 제로초님

강의 잘 보고 있습니다.

로그인할 때, set-cookie가 제대로 적용되지 않아 어려움을 겪고 있습니다. 아래처럼 header에 set-cookie가 날라오긴 하는데, 느낌표가 뜨면서 제대로 저장이 되질 않습니다.

쿠키가 저장이 되지 않아 다음 스텝으로 넘어갈 수가 없습니다. 다음 swr 버전 적용을 front 디렉토리 에서 하신 것 같아 npm i 하고 실행해본 결과, 똑같은 현상이 일어나는데 어떻게 해결하면 좋을까요 ..?

로그인 로직은 swr과 관련이 없는 것 같아 강의 때 작성해주신 alecture 폴더로 돌려보았는데, 잘 동작해서 무엇이 문제인지 어떻게 고쳐야할 지 감이 오질 않습니다 ..

로그인 쪽 코드는 다음과 같습니다.

const LogIn = () => {
const { data, error, mutate } = useSWR('http://localhost:3095/api/users', fetcher);
const [logInError, setLogInError] = useState(false);
const [email, onChangeEmail] = useInput('');
const [password, onChangePassword] = useInput('');
const onSubmit = useCallback(
(e) => {
e.preventDefault();
setLogInError(false);
axios
.post(
'http://localhost:3095/api/users/login',
{ email, password },
{
withCredentials: true,
},
)
.then((response) => {
mutate();
})
.catch((error) => {
setLogInError(error.response?.data?.statusCode === 401);
});
},
[email, password, mutate],
);

if (data === undefined) {
return <div>로딩중...</div>;
}

if (data) {
return <Redirect to="/workspace/sleact/channel/일반" />;
}