-
vue Quasar 에 axios 추가하기프론트엔드/Vuejs 2023. 6. 22. 19:34
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] 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 vue cli 실행모드 설정 및 node 환경변수 설정(NODE_ENV) (0) 2021.06.01 [vue] prop data 사용하기 - Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders - 비동기상황에서 props 데이터 사용하기 (0) 2020.11.18