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

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

request請求攔截器，在這里我們可以在做一些請求之前操作，對于某些請求，根據(jù)請求的攜帶過來的參數(shù)

(例如下面這個請求，就沒有l(wèi)oading的效果)

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

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

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

總結

以上是生活随笔為你收集整理的初识vue之axios的封装的全部內容，希望文章能夠幫你解決所遇到的問題。

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