-
axios并行請求，然后統一處理。
axios.spread() 的參數個數等于axios的請求數。
axios.all([ ????axios.get('/data.json'), ????axiso.get('/city.json') ]).then( ????axios.spread((dataRes,?cityRes)?=>?{ ????????console.table(dataRes,?cityRes) ????} )查看全部 -
get請求? Query String?
post請求
查看全部 -
let formData = new FormData();
for(let key in data){
formData.append(key,value);
}
//表單提交
axios.post("/post",formData).then(res=>{
console.log(res);
})
查看全部 -
axios.post() 三個參數，分別是，url路徑，請求的數據data，config
data有兩種:
form-data 表單提交（圖片、文件上傳）
application/json? ?
查看全部 -
注意真實項目中router.js里面路由的寫法：
{
??????path:?'/',
??????name:?'HelloWorld',
??????component:?HelloWorld//第一種方式
????},
????{
??????path:?'/axios',
??????name:?'axios',
??????//?component:?Axios
??????component:()=>import('../components/Axios')//第二種方式，按需引入真實項目使用
????}
查看全部 -
axios.all([]).then(axios.spread(datdres,citydres)=>{})查看全部
-
axios配置參數
baseURL:'http://localhost:8080',//請求的域名,基本地址 timeout:1000,//請求的超時時長,單位毫秒1000=1s url:'json/shouji.json'//請求的路徑 method:'get,put',//get,put,post,patch,delete請求方法 headers:{ ????token:'' },//設置請求頭 params:{},//請求參數拼接在URL上 data:{},//請求參數放在請求體可以設置參數的地方:
1.axios全局配置
axios.defaults.timeout=1000
2.axios實例配置
let instance=axios.create()//不設置.默認使用全局配置.
instance.defaults.timeout=3000//可以在修改
3.axios請求配置
instance.get('/data.json',{timeout:5000})
查看全部 -
axios實例
類似數組創建方式兩種:
?let instance = this.$http.create({
? ? ? ? ? ? ? ? baseURL:'http://localhost:8080',
? ? ? ? ? ? ? ? timeout:1000
? ? ? ? ? ? })
為什么要創建axios實例:后端接口地址有多個,并且超時時長不一樣
查看全部 -
并發請求:同時進行多個請求,并統一處理返回值
axios.all()
axios.spread()
查看全部 -
axios請求方法:get,post,put,patch,delete
get:獲取數據
post:提交數據 (表單提交+文件上傳)
put:更新數據(所有數據推送到服務端(后端))
patch:更新數據(只將修改的數據推送到后端)
delete:刪除數據
查看全部 -
axios的特性：
1.支持Promise API
2.攔截請求和響應
3.轉換請求數據和響應數據
4.取消請求 5.自動轉換json數據 6.客戶端支持防御XSRF攻擊
查看全部 -
取消正在進行的http請求
查看全部 -
實際開發中一般添加同意的錯誤處理
查看全部 -
let instance = axios.create({
baseURL:"http:localhost:8080",
tieout:3000
});
instance.get('/data.json')
超時報錯401
查看全部 -
后端接口地址有多個，并且超時時間不一樣
查看全部
舉報