• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 서버와 리액트 헤더 토큰

서버와 리액트 헤더 토큰

  • 이 주제에는 6개 답변, 2명 참여가 있으며 jjjmmm2 년, 5 월 전에 전에 마지막으로 업데이트했습니다.
7 글 보임 - 1 에서 7 까지 (총 7 중에서)
  • 글쓴이
  • #72767

    jjjmmm
    참가자
    선생님  퀴즈 프로젝트 진행 중입니다. 리액트에서 아래와 같이 서버에서 잘 전달된 액세스토큰을 로컬 스토리지에 저장한 후 
    서버에 요청할 때 마다 헤더에포함 했습니다. (console.log(token);출력시 잘 나옵니다.)
    
    이후 서버에서 토큰을 검증하고 요청에 응답을 해야  하는데 서버에서는 헤더에 값이 없다고 뜹니다. 유효하지 않은 토큰도 아니고, 
    헤더에 잘 포함시켜서 요청했는데 왜 오류가 나는지 궁금합니다.
    
    const jwt = require('jsonwebtoken');
    const JWT_SECRET_KEY = 'my_secret_key';
    
    
    #72770

    codingapple
    키 마스터
    에러메세지는 없나 err같은거 출력해봅시다
    #72774

    jjjmmm
    참가자
    서버부분을 조금 수정해서 콘솔창 에러는 안 뜹니다. 그래도 데이터는 안 불러와집니다. 
    
    위는  네트워크 탭이고, 4개  글씨를 모두  더블클릭하면 이런 에러가 뜹니다. {"message":"헤더에 값 없음"}
     
    #72777

    jjjmmm
    참가자
    
    위 사진 처럼 1,2번째를 클릭했을 때와 3,4 번째를 클릭했을 때 내용이 다르게 나옵니다.
    #72819

    codingapple
    키 마스터
    서버에 app.use(cors()) 해놨나 확인합시다 
    안되면 
    Access-Control-Allow-Origin: *
    Access-Control-Allow-Methods: GET, POST, PUT, DELETE, OPTIONS, HEAD
    Access-Control-Allow-Headers: Authorization
    이런거 cors 설정이 필요합니다
    #72821

    jjjmmm
    참가자
    서버에 위와 같이 했습니다.  근데 서버에서 콘솔창으로   console.log(authHeader); 이렇게 출력하면 토큰 값은 나오는데 아직도 위에 
    답변 사진처럼 뜹니다.
    #72842

    jjjmmm
    참가자
    선생님 해결했습니다
7 글 보임 - 1 에서 7 까지 (총 7 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠