vue.js 에서 axios 를 간단하게 설정 하 는 방법 에 대한 상세 한 설명

1347 단어 vue.jsaxios배치 하 다.
머리말
정 부 는 이제 더 이상 resource 를 추천 하지 않 습 니 다.axios 를 바 꾸 면 우리 도 뒤떨어 질 수 없습니다.적어도 당신 은 어떻게 하 는 지 알 아야 합 니 다.면접 을 볼 때 도 면접 관 에 게 허풍 을 떨 고 쓸데없는 말 을 많이 하지 않 습 니 다.
그 자체 가 다음 과 같은 특징 을 가지 고 있다.
  • 브 라 우 저 에서 XML HttpRequest 만 들 기
  • node.js 에서 http 요청
  • Promise API 지원
  • 차단 요청 과 응답
  • 요청 과 응답 데이터 변환
  • 취소 요청
  • JSON 데이터 자동 변환
  • 클 라 이언 트 지원 CSRF/XSRF
    • 설정 방법
    우선 npm 로 설치
    
npm install --save axios vue-axios
    설치 가 끝 난 후,당신 의 main.js 파일 에 이 두 마디 를 더 하면 됩 니 다.
    
import axios from 'axios'
Vue.prototype.$http = axios
    그리고 인터페이스 데 이 터 를 읽 을 때 바로 이렇게 쓸 수 있 습 니 다.이것 은 resource 와 같 습 니 다.제 아래 의 op,uin 같은 것 은 모두 전달 할 매개 변수 입 니 다.
    
this.$http.post(localStorage.getItem("addUrl")+'/skynet_sync/btsp', {
       "op": "update_card_num",
       "uin": uin,
       "protypeId": index,   
       "cardNumber": parseInt(v)
      })
      .then(response=> {
      //            
      }).catch(function (error) {
      //    ，   state  200   ，   
      });
    됐어,됐어!
    총결산
    이상 은 이 글 의 전체 내용 입 니 다.본 논문 의 내용 이 여러분 의 학습 이나 업무 에 어느 정도 참고 학습 가치 가 있 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 댓 글 을 남 겨 주 셔 서 저희 에 대한 지지 에 감 사 드 립 니 다.
    초보
    php 는 가장자리 길이 가 N 인 실심 과 공심 마름 형 을 인쇄 하 는 방법

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage