初識vue之axios的封裝

18年初開始接觸vue,最開始是使用的vue-resource,不過聽說axios挺牛逼的,準備跳坑試試,畢竟vue-resource官方已經放棄維護了
圖片描述

其中就是baseURL是我們後臺接口的請求路勁(request的最後url=baseURL+axios的請求url)
withCredentials 這個字段是讓我們的請求攜帶cookie的信息,如果沒有設置的話,默認的false,就會出現session丟失的情況,一直無法取到session裏面的信息
圖片描述
圖片描述

request請求攔截器,在這裏我們可以在做一些請求之前操作,對於某些請求,根據請求的攜帶過來的參數

(例如下面這個請求,就沒有loading的效果)圖片描述

有些項目需要請求好幾個後臺服務,在請求攔截器這裏直接更改request的baseURL就成。。
還有有些接口需要更改頭部的信息,直接修改就成
ps:這這裏不得不吐槽下vue-resource 在請求攔截器裏面更改頭部所碰到的坑,想更改頭部的信息,必須得先將emulateJSON 這個字段設爲false 圖片描述

axios的請求默認的headers的Content-Type爲'application/x-www-form-urlencoded;charset=UTF-8'
post請求後端的 (後端框架ssm)Controller中@RequestParam取不到請求參數
這個時候對請求參數做qs.stringify()處理就好了或者要求後端改成從@RequestBody獲取參數也成

當請求頭部爲application/json 無需對請求參數做任何處理
response 響應攔截器主要是對請求超時的情況做處理。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章