功能特點(diǎn)

• 在瀏覽器中發(fā)送XMLHttpRequests請求
• 在node.js 中發(fā)送http請求
• 支持Promise API
• 攔截請求和響應(yīng)
• 轉(zhuǎn)換請求和響應(yīng)數(shù)據(jù)

安裝

npm install axios --save

請求方式

axios(config)

axios.request(config)

axios.get(url[,config])

import axios from 'axios'//1.沒有請求參數(shù)axios.get('url') .then(res=>{ console.log(res)}) .catch(err=>{console.log(err) }) //2.有請求參數(shù)axios.get('url',{params:{type:'sell',page:1}}) .then(res=>{console.log(res)}) .catch(err=>{console.log(err)});

axios.delete(url[,config])

axios.head(url[,config])

axios.post(url[,config])

axios.put(url[,config])

axios.patch(url[,config])

axios.all()并發(fā)請求

axios.all([axios({url:'url'}),axios({url:'url'})]) .then(results=>{ //results是一個數(shù)組，results[0]是第一個回調(diào)的結(jié)果;results[1]是第二個回調(diào)的結(jié)果; var result1=results[0] var result2=results[1] })//axios.all([])返回的結(jié)果是一個數(shù)組，使用axios.spread可將數(shù)組[res1,res2]展開(spread)為res1,res2axios.all([axios({url:'url'}),axios({url:'url'})]) .then(axios.spread((res1,res2)=>{ console.log(res1) console.log(res2) }))

攔截器

4個攔截(請求成功，請求失敗，響應(yīng)成功，響應(yīng)失敗)

const instance=axios.create({baseURL:'',timeout:5000});instance.interceptors.request.use(config=>{ console.log('request 成功'); return config;},err=>{ console.log('request 失敗'); return err;})instance.interceptors.response.use(response=>{ console.log('response 成功'); return response.data;},err=>{ console.log('response 失敗'); return err;})

總結(jié)

以上是生活随笔為你收集整理的axios create拦截_Vue学习-axios的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。