반응형
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 모듈을 추가해 준다.
반응형
'프론트엔드 > Vuejs' 카테고리의 다른 글
Vue.js 프로젝트 설정 - vue cli 시작하기 (1) | 2024.07.20 |
---|---|
Vue.js 소개 및 기본 개념 (0) | 2024.07.19 |
[vue] vee-validation yup 자바스크립트 validation 체크 (0) | 2021.09.15 |
[vue] vuex binding helper - vue store 사용하기 (0) | 2021.06.25 |
vue3 에서 vuex4 시작하기 - module 관리 (0) | 2021.06.14 |