[스프링부트 / 리액트] JWT를 Header에 넣어서 요청

로그인을 하면 JWT를 받도록 구현했었다.

https://smhope.tistory.com/519

[스프링부트] JWT(Json Web Token) - 코드

 

그러면 JWT를 헤더에 담아서 보낼때는 어떻게 할까?

 

바로 코드로 살펴 보겠다.

import React, { useState } from "react";
import axios from "axios";

const Talk = async () => {
    const [talkContent, setTalkContent] = useState();

    const TalkData = await axios({
        url : `http://localhost:8031/user/talk`,
        mehtod : "POST",
        headers : {
            "X-AUTH-TOKEN" : localStorage.getItem("Token"),
        }
    })
    setTalkContent(TalkData.data);
};

export default Talk;

정말 간단히 다음과 같이 axios 통신을 할때, Headers에 객체와 토큰값을 넣어서 보내주면 된다.

 

그러면 서버에서 Headers에 들어있는 토큰 값을 보고 권한 제어를 처리한다.