인프런 커뮤니티 질문&답변
작성한 질문수
Authorization <- token 넣기가 안됩니다.
해결된 질문
작성
·
425
1
토큰을 이용한 API 인증 처리
<-이쪽 강좌를 몇번이나 처음부터 따라해보는데, Authorization 에 token값이 저장되지 않습니다.
아래와 같이 인터셉터하는 부분에 log를 찍어봐도 token값이 비어 있습니다. 어디가 문제일까요? 어떤 강의부분을 다시 봐야할까요?
강좌내용과 제 화면의 차이로 보이는 부분은 로그인을 하면 저는 크롬개발자도구 네크워크 부분에 login이 1번만 찍히는데, 강사님 화면에는 2번찍히는 것으로 보이네요. 이부분이 차이가 있을까요?
instance.interceptors.request.use(
function(config) {
// Do something before request is sent
console.log('api' + store.state.token); <--★
config.headers.Authorization = store.state.token;
return config;
},
function(error) {
// Do something with request error
return Promise.reject(error);
},
);
답변 1
1
장기효(캡틴판교)
지식공유자
안녕하세요 Wonse님 답변이 늦어져서 죄송합니다 :)
좋은 질문 주셨네요. 많이들 헷갈려 하시는 부분인데 아무래도 제가 교수 설계를 잘못한 것 같아요.. ㅎㅎ
그 지금 코드를 보시면 store.state.token 값을 인터셉터에서 헤더에 끼워주고 있습니다. 매 API 요청이 날 때 마다 스토어에 저장된 토큰 값을 들고 오는거죠. 그 즉슨 API 요청이 일어날 때 스토어에 토큰 값이 있어야 한다는 의미입니다. 확인하셔야 될 구간은 아래 3가지 입니다.
1. 로그인 하고 스토어에 토큰을 잘 저장하는지
2. 로그인하고 난 토큰이 브라우저 저장소에 잘 저장되는지
3. 사이트에 접속했을 때 브라우저 저장소에 있는 토큰 값을 잘 불러와서 스토어에 담아주는지
더 살펴보시고 궁금하신거 있으면 알려주세요.
강의 수강해 주셔서 감사합니다 :)