[vuejs] 엑시오스 인터셉터

Edward Hyun·2021년 11월 26일
0

app&web-dev

목록 보기
19/178

엑시오스 인터셉터 :: https://github.com/axios/axios#interceptors
가로채기 -- http 처리 중간에 (보내기전에, 받기전에) 처리하는 로직을 넣을 수 있다.

import store from '@/store/index';

export function setInterceptors(instance) {
  // Add a request interceptor
  instance.interceptors.request.use(
    function(config) {
      // Do something before request is sent
      // console.log(config);
      config.headers.Authorization = store.state.token;
      return config;
    },
    function(error) {
      // Do something with request error
      return Promise.reject(error);
    },
  );

인증을 위해 토큰을 헤더에 넣고 req를 보낸다.

profile
앱&웹개발(flutter, vuejs, typescript, react), 인공지능(nlp, asr, rl), 백엔드(nodejs, flask, golang, grpc, webrtc, aws, msa, nft, spring cloud, nest.js), 함수형 프로그래밍(scala, erlang)을 공부하며 정리합니다.

0개의 댓글