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

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

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

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

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

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

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

總結(jié)

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

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