axios概述與基本用法


 

 

1. axios的基本特性

axios(官網:https://github.com/axios/axios)是一個基於Promise用於瀏覽器和node.js的HTTP客戶端。

它具有以下特征:

  • 支持瀏覽器和node.js
  • 支持promise
  • 能攔截請求和響應
  • 自動轉換JSON數據

 

 

 

 

 

2. axios的GET和DELETE請求傳參數

axios的常用API

get:  查詢數據

post:  添加數據

put:  修改數據

delete:  刪除數據

 

get傳遞參數

  • 通過URL傳遞參數
  • 通過params選項傳遞參數

 

 

 

 

 

 

 

 

delete傳參數

 

 

 

 

 

 

3.  axios的參數傳遞

POST傳遞參數

通過選項傳遞參數(默認傳遞的是json格式的數據)

 

 

通過URLSearchParams傳遞參數(application/x-www-form-urlencoded)

 

 

 

 

PUT傳遞參數

參數傳遞方式與POST類似

 

 

 

 

 

 

 

4. axios響應結果與全局配置

axios的響應結果

響應結果的主要屬性

  • data:   實際響應回來的數據
  • headers:  響應頭信息
  • status:  響應狀態碼
  • statusText:  響應狀態信息

 

 

 

 

axios的全局配置配置

axios.defaults.timeout=3000;    //超時時間

axios.defaults.baseURL='http://localhost:3000/app';   //默認地址

axios.defaults.headers['mytoken'] = 'aqwerwasdassad2aweawe'  //設置請求頭

 

 

 

 

5. axios攔截器

請求攔截器

在請求發出之前設置一些信息

 

 

 

 

響應攔截器

在獲取數據之前對數據做一些加工處理

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM