inflearn logo
강의

講義

知識共有

Slackクローンコーディング[Reactによるリアルタイムチャット]

axiosでのリクエスト送信、CORS、プロキシ

개인 프로젝트에서 쿠키가 안들어오는데 여쭤봐도 될까요..?

511

qhslsl3312

投稿した質問数 3

0

안녕하세요 제로초님 강의 듣고 친구들과 프로젝트를 하다가 로그인 시 쿠기가 생성되지 않아서 여쭤봅니다..!

프론트와 백 도메인이 달라서 백엔드에서 same-site 설정을 해주고, 프론트 axios에서 withCredentials: true를 설정해줬습니다.

네트워크 탭을 보면 쿠키가 전달은 됩니다.

 

하지만 정작 브라우저의 쿠키는 비어있습니다. 이 오류는 어떻게 해결해야 할까요..?

-프론트 코드

const headers = {
  "X-Requested-With": "XMLHttpRequest",
};

const onSubmit = useCallback(
  (e) => {
    e.preventDefault();
    setLogInError(false);
    axios
      .post(
        "https://waycabvav.shop/login",
        {
          loginId: id,
          password: password,
        },
        { withCredentials: true, headers }
      )

      .then((response) => {
        alert("성공");
      })
      .catch((error) => {
        alert("에러");
        setLogInError(error.response?.data?.statuseCode === 401);
      });
  },
  [id, password]
);

프론트에서 코드를 이렇게 했습니다..! 로그인 요청은 성공하는데 쿠키가 들어와 있지 않습니다ㅜㅜㅜ 답변해주시면 정말 감사하겠습니다..!

typescript Socket.io 웹팩 babel react 클론코딩

回答 4

0

qhslsl3312

답변해주셔서 감사합니다! 열심히 해결해보겠습니다ㅠㅠ

0

qhslsl3312

제로초님의 말씀을 듣고 서버에서 쿠키 도메인을 localhost로 임의로 설정했는데,

image사진처럼 에러가 뜹니다ㅠㅠ

imageCookies는 이렇게 나옵니다.

서버에서 프록시 서버를 활용해야 될까요? 아님 다른 해결 방안이 있을까요..?

0

zerocho

제 기억상으로 포트까지 같이 적으셔야 합니다.

0

qhslsl3312

imageCookies 탭 누르면 이렇게 나옵니다!

0

zerocho

쿠키에 domain 옵션에 localhost:3090이 아니네요.

0

zerocho

오른쪽에 Cookies 탭 눌러서 에러 없는지 한 번 봐보세요.

기본 셋팅과 관련하여

0

91

1

초기 셋팅 back과 front만 남겨두고 다 지운 후 진행 방법

0

96

2

focus 시에만 화면 업데이트 되는 이유 + 해결방법

0

148

2

useEffect 개수 관리

0

109

2

라이브러리 서치 방법

0

103

2

함수 정의 패턴

0

77

1

npm run dev 에러

0

152

3

npx webpack 후 에러

0

178

2

'void' 형식 식의 truthiness를 테스트할 수 없습니다.ts(1345)

0

142

2

사용자 가입시 에러발생 (TypeError: Cannot read properties of null (reading 'addMembers')

1

177

2

초기세팅중 packge.json 에러떠요

0

154

2

CORS - Access-Control-Allow-Origin 누락 문제

0

429

3

로그인 페이지 무한 새로고침 현상

0

598

2

Module not found: Error: Can't resolve './App' 에러

0

952

1

배포 방법

0

295

2

npm run dev 시 빌드가 매우 느려졌습니다

0

987

2

alias 경로 설정 오류

0

448

2

fetcher 함수의 data 값이 두번 찍히는 이유

0

274

1

제네릭 질문

0

217

2

ts-node 대신 tsx 사용여부

0

373

1

배포 관련 질문

0

247

1

[nginx + https] 서비스를 실행하면 niginx가 아닌 서비스 화면을 보여주게 하고 싶습니다.

0

385

2

[배포하기] webpack에 aws 퍼블릭 IPv4 주소 와 포트 주소를 작성하고 나서 빌드후 실행하면 오류가 발생합니다.

0

336

1

users 호출 시 쿠키가 담기지 않는 이슈 질문드립니다.

0

247

2