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 響應攔截器主要是對請求超時的情況做處理。