vue Quasar 에 axios 추가하기

Axios 모듈 패키지 추가/설치

패키지에 axios 패키지 추가해서 쓸 수 있다.

 

$ yarn add axios
or 
$ npm install axios --save

 

Boot File 에 추가하기

 

quasar new boot axios

명령어를 입력하면 src/boot 폴더에 axios.js 파일이 생긴다. 

여기에 

import { boot } from 'quasar/wrappers'
import axios from 'axios'

const api = axios.create({ baseURL: 'https://api.example.com' })

export default boot(({ app }) => {
  // for use inside Vue files (Options API) through this.$axios and this.$api

  app.config.globalProperties.$axios = axios
  // ^ ^ ^ this will allow you to use this.$axios (for Vue Options API form)
  //       so you won't necessarily have to import axios in each vue file

  app.config.globalProperties.$api = api
  // ^ ^ ^ this will allow you to use this.$api (for Vue Options API form)
  //       so you can easily perform requests against your app's API
})

export { axios, api }

다음과 같이 axios 모듈을 추가해 준다.