[React] axios progress bar 추가

aixos 프로그레스 바 추가 방법

1. NProgress 설치

npm i nprogress
# or
yarn add nprogress

 

2. NProgress 사용 방법

aixos interceptor 실행 중, 종료, 

NProgress.start();
NProgress.done();

 

예시 

axios.interceptors.request.use(
  config => {
    NProgress.start(); // 프로그래스바 시작
    return config;
  },
  error => Promise.reject(error)
);

axios.interceptors.response.use(
  response => {
    NProgress.done(); // 프로그래스바 완료
    return ...
  },
  error => {
    NProgress.done(); // 프로그래스바 완료
    ...
    return ...
  }
);

 

---

참고 자료 : https://www.npmjs.com/package/nprogress