article thumbnail image
Published 2022. 11. 14. 19:41

사용 기능 및 라이브러리

  • Vue 2
  • DRF
  • vuex
  • vue-router

 

axios 설정

설치

npm install axios

 

store/index.js 에서 불러오기

 

import axios from 'axios'

// 장고 서버
const API_URL = 'http://127.0.0.1:8000'

 

getArticles 메서드 정의

 

views/ArticleView.vue

 

요청 결과 확인

장고에서는 상태 코드 200으로 제대로 보내졌지만, 데이터를 받아오지 못했음

왜??

CORS policy에 의해 blocked되었기 때문

즉, 브라우저가 막은 거임

 

관련 문서

cors 막은거 뚫기

https://pypi.org/project/django-cors-headers/

'Vue2' 카테고리의 다른 글

Vue with DRF (5) - Authentication & Authorization  (0) 2022.11.14
Vue with DRF (4) - DETAIL  (0) 2022.11.14
Vue with DRF (3) - CREATE  (0) 2022.11.14
Vue with DRF (2) - 장고 서버에서 데이터 받기  (0) 2022.11.14
복사했습니다!