Axios 기반으로 일반적으로 사용되는 요청 메소드 별칭(자세한 설명)

이제 Axios에서 일반적으로 사용되는 요청 메서드 별칭에 대한 기사를 공유하겠습니다. 이는 좋은 참고 가치가 있으며 모든 사람에게 도움이 되기를 바랍니다.

Axios

은 브라우저와 node.js에서 사용할 수 있는 Promise 기반 HTTP 라이브러리입니다.

일반적으로 사용되는 요청 메서드 별칭은 다음과 같습니다. Get/post/http 프로토콜 요청

Execute Get 요청

function get(){
 return axios.get('/data.json', {
    params:{
     id:1234
    }
    }).then(function (response) {
     console.log(response);
    })
   .catch(function (error) {
    console.log(error);
   });
 }

get 메서드를 사용하여 매개변수를 전달하는 경우 params 메서드가 사용됩니다

Execute Post request

function post(){
return axios.post('/data.json', {
  id:1234
    })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });
 }

post 메소드를 사용하여 매개변수를 전달하는 경우 데이터가 직접 전송됩니다. 이는 두 메소드의 차이점이기도 합니다.

http 프로토콜 요청 실행

function http(){
 return axios({
 method: 'post',
 url: '/data.json',
 data: {
  id: 1111,
 },
params: {
 id:2222,
 }).then(res=>{
  this.msg=res.data;
 });
}

여기서 차이점에 주의하세요. post 요청을 사용할 때는 데이터 매개변수를 전송하는 데 data 메서드가 사용되고, get 요청을 사용할 때는 params 메서드가 사용됩니다.

인셉터 사용:

요청이나 응답이 처리되기 전에 가로채거나 잡아냅니다.

// 添加请求拦截器
mounted:function(){
  axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
   }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
   });
// 添加响应拦截器
  axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
   }, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error);
   });
}

위 내용은 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.

관련 기사:

jquery는 드래그 파일 업로드 로딩 진행률 표시줄 기능을 구현합니다.

Javascript 프로토타입 및 프로토타입 체인 분석

Angular CLI를 사용하여 Angular 5 프로젝트 튜토리얼 자세한 설명 생성

위 내용은 Axios 기반으로 일반적으로 사용되는 요청 메소드 별칭(자세한 설명)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!