토큰문제

1️⃣ 로그아웃 이후 이전 사용자로 팔로우 요청이가네?

팔로우 요청시 토큰이 이전 사용자라서 발생한 문제

export const Follow = (token, userId) => {
  return request({
    method: API_METHOD.POST,
    url: `/follow/create`,
    headers: {
      Authorization: `Bearer ${token}`,
    },
    data: {
      userId,
    },
  });
};


export const unFollow = (token, id) => {
  return request({
    method: API_METHOD.DELETE,
    url: `/follow/delete`,
    headers: {
      Authorization: `Bearer ${token}`,
    },
    data: {
      id,
    },
  });
};

2️⃣ 실험

토큰: handles에 있는 const [localToken, setLocalToken] = useLocalToken();) 로 가져온 값

로컨토큰: 로컬 스토리지에 있는 토큰

1. 배포 사이트

결과: 팔로우 시 사용하는 토큰은 처음 접속자의 토큰이다.

2. 개발자 서버

배포 서버와 같은 결과

3️⃣ 원인 추측

localToken의 문제 .. 그런데 어째서 얘만…

현재 token을 받아서 사용하는 곳은 handles.jsx 파일

const [localToken, setLocalToken] = useLocalToken();

이름수정의 경우 localToken이 현재 사용자의 토큰임

//회원 이름수정
  const handlechangeUserName = useCallback(
    async (fullName, username) => {
      console.log('이름변경토큰', localToken);
      console.log('이름변경토큰');
      if (localToken && fullName) {
        await changeUserName(localToken, fullName, username);
      }
    },
    [localToken],
  );

근데 팔로우, 언팔만 왜이러지..?

//팔로우
  const handlefollow = useCallback(
    async (userId) => {
      if (localToken && userId) {
        console.log('팔로우토큰', localToken);
        const { data } = await Follow(localToken, userId);
        await setNotification(localToken, 'FOLLOW', data._id, data.user, null);
        return data;
      }
    },
    [localToken],
  );

  //언팔
  const handleUnFollow = useCallback(
    async (followId) => {
      console.log('팔로우토큰', localToken);
      if (localToken && followId) {
        await unFollow(localToken, followId);
      }
    },
    [localToken],
  );