Bearer token 방식으로 axios로 API 요청하기 (with create react app)

프론트에서는 API 요청을 할 때가 많다. 하지만 CORS에러가 나기 때문에 조치를 해줘야한다.

만약 API를 요청할 링크가 https://www.xxxxx.com/post/xxxx/xxxxx 와 같은 형식이라면,

1. pakage.json에 사이트 도메인 링크를 proxy에 추가해주기. pakage.json에 변경사항이 있다면 서버 껐다가 다시 켜야한다.

{	
	"proxy": "https://~ com"
}

2. API 요청하는 부분 형식

const URI = "/post/xxxxxx/xx"
const API_KEY = "1213ERASEDFTxxxx";
const get = async () => {
    try {
      const data = await axios.get(URI, {
        headers: {
          Authorization: `Bearer ${API_KEY}`,
        },
      });

    } catch (err) {
    
      console.log(err);
    }
  };
  useEffect(() => {
    get();
  }, []);