[react] axios headers authorization 추가

axios headers authorization 추가

 

axios headers authorization 

추가 방법입니다.

 

• 아무나 데이터 접근을 못하게 하기 위해서 headers에 token값을 추가하여 token값이 있어야 데이터를 불러오게끔 처리합니다. 
• Bearer란 기본적인 의미는 정보의 신호 전달을 네트워크 단에서 손실 없이 있는 그대로 전달하는 서비스를 말합니다.

 

axios.get

axios.get(url, headers: {
 Authorization: `Bearer ${accessToken}`
})

 

axios.post

axios.post(url, data, headers: {
 Authorization: `Bearer ${accessToken}`
})

 

프로젝트에서 편하게 import 형식으로 사용하는 방법

const common = {
    SERVER_URL: 'url 주소',
    headers: {
        headers: {
            'Authorization': "Bearer token code(string)"
        }
    }
}

export default common;

 

다른 파일에서 import하여 사용하기

import common from "common 파일 루트";

...
axios.post(common.SERVER_URL + "하위 루트", data, common.headers)