NuxtJS Axios 설정

NuxtJS의 NuxtJS/Axios 사용하지 않고 사용 하는 방법.

 

추가 기록 - (2022-09-28)

  토큰 처리 할 경우 가능하면 쿠키에 토큰 저장 후 쿠키에서 뽑아 쓰는것을 추천 함

  쿠키는 cookie-universal-nuxt 사용

  아래 코드에 추가 했으며, 기본적으로 plugin으로 작성 되었을 때의 기준이며, nuxt context가 있어야 함

 

1. 플러그인 사용 안함

2. axios interceper 작성 및 코드 작성

import axios from 'axios'

const api = axios.create({})

api.interceptors.request.use(function (config) {
  // 2022-09-28 추가
  const token = context.app.$cookies.get('token')
  // config.headers = {
  //   'Authorization': AuthenticationStore.state.token ? 'Bearer ' + AuthenticationStore.state.token : ''
  // }
  return config
}, function (error) {
  // Do something with request error
  return Promise.reject(error)
})

export default api

3. 서버 사이드 proxy 설정

 

끝