analogcoding

코로나 현황판 크롤링 client import React, { useEffect, useState } from "react"; import axios from "axios"; const App = () => { const [data, setData] = useState(null); useEffect(() => { const getData = async () => { const datas = await axios.get("http://localhost:4000/"); setData(datas.data); }; getData(); }, []); useEffect(() => { console.log(data); }, [data]); if (data === null) { return Load..; } else ..

axios 요청을 사용하면서 생긴 불편함을 해결해주는 메소드 정리. 아래 적힌 일들을 해결하기 위해 axios 에서 제공해주는 interceptors / defaults 를 적용. 매번 axios 요청할때마다 URL 을 고정적으로 설정한다. axios 요청을 할 때 마다 헤더를 고정적으로 설정해 놓는다. 에러가 발생했을때 공통 alert 를 띄운다. 요청 고정 URL 설정 const YOUR_URL = '' axios.defaults.baseURL = YOUR_URL 로그인 이후에 모든 요청에 토큰을 보내는 설정 axios.defaults.headers.common["Authorization"] = ${localStorage.getItem("token")}; 인터셉터는 요청 직전 혹은 응답을 받고 the..