vue.js에서 Axios의 개념과 사용법

이 글의 내용은 vue.js에서 Axios의 개념과 사용법을 공유하기 위한 것입니다. 이는 특정 참고 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있습니다

1. Axios란

https: / /www.kancloud.cn/yunye/axios/234845이것은 공식 중국어 문서입니다. 살펴보세요

Axios는 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 라이브러리입니다. ajax와 마찬가지로 둘 다 배경과 상호 작용하는 데 사용되지만 둘 사이에는 차이점이 있습니다.

다음은 Zhihu에 대한 구절입니다.

axios는 Promise A 종류를 통해 Ajax 기술을 구현합니다. jQuery가 ajax 캡슐화를 구현하는 것과 마찬가지로 캡슐화도 가능합니다.

간단히 말해서: Ajax 기술은 웹 페이지의 부분 데이터 새로 고침을 실현하고, axios는 Ajax의 캡슐화를 실현합니다.

Axios는 ajax입니다. Ajax는 axios 그 이상입니다. 이 구절은 둘 사이의 관계를 잘 설명할 수 있습니다.

juuery Ajax는 주로 mvc 프로그래밍에 사용되며 점점 더 현재의 리듬을 따라갈 수 없게 되었고, juuery 너무 ajax에만 jquery를 도입하는 것은 점점 더 많은 프레임워크가 증가함에 따라 jquery의 경로가 점점 더 좁아졌습니다.

axios에는 다음과 같은 특징이 있습니다

E Promise API

클라이언트 지원

CSRF

가 일부 동시성 요청을 제공하지 못하게 하는 인터페이스 지원(중요, 많은 작업을 용이하게 함) AJAX에 비해 Axios는 Xiaoqiao에 더 가깝습니다

이렇게 말했지만 모두가 둘의 차이점을 이해해야 하므로 구체적인 사용법을 소개하겠습니다

​​​​​​​​​​​​​​​​​​ ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

axios({
    method: 'post',
    url: '/user/12345',
    data: {
        firstName: 'Fred',
        lastName: 'Flintstone'
    }
})
.then(function (response) {
    console.log(response);
})
.catch(function (error) {
    console.log(error);
});

브라우저 지원

同事支持多个请求

function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {    
  // 两个请求现在都执行完成
  }));

如何安装呢

使用 npm ：

        $ npm install axios

使用 bower:

        $ bower install axios

使用 cdn:

        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>

위 내용은 vue.js에서 Axios의 개념과 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!