封裝axios,帶請求頭和響應頭

2021-10-04 08:05:03 字數 2152 閱讀 1799

import axios from

"axios"

;import qs from

"qs"

;//處理引數

import router from

'../router'

;import

from

'element-ui'

;import

from

'element-ui'

;let loading =

null

;

//開始載入動畫

function

openloading()

);}

//關閉載入動畫

function

closeloading()

//新增請求***

axios.interceptors.request.

use(

config =>

return config;},

error =>

);

//新增響應***

axios.interceptors.response.

use(

response =>

) localstorage.

removeitem

("sessionid"

)//清除sessionid

localstorage.

removeitem

("username"

)//清除username

localstorage.

removeitem

("modules"

)//清除許可權

router.

push

("/logon"

)//讓使用者從新回到登入頁面

}return response;},

error =>

);

// axios.defaults.baseurl = ""; // 測試

axios.defaults.baseurl =

"";// 開發

// axios.defaults.baseurl = ""; // 線上

;//設定請求超時時間

function

checkstatus

(response)

else

);message()

}});

}

export

default).

then

(response =>);

},get(url, params)).

then

(response =>);

}};

使用:在main.js裡面引入這個檔案,並掛載到vue原型上,這樣可以通過this.***x去拿到

import axios from

'./api/api.js'

//引入axios資料夾

vue.prototype.$axios = axios;

//掛載到整個vue原型上

axios 的使用:在需要請求的頁面如下引用

//post請求

this

.$axios.

post

('url',)

.then

(res =>

)//get請求

this

.$axios.

get(

'url',)

.then

(res =>

)

請求頭和響應頭

請求header http request header host 請求的網域名稱 user agent 瀏覽器端瀏覽器型號和版本 accept 可接受的內容型別 accept language 語言 accept encoding 可接受的壓縮型別 gzip,deflate accept char...

http請求頭和響應頭

http請求頭如下格式 訊息頭詳解 1.accept 用於告訴伺服器,客戶機支援的資料型別 2.accept charset 用於告訴伺服器,客戶機採用的編碼 3.accept encoding 用於告訴伺服器,客戶機支援的壓縮格式 4.accept language 用於告訴伺服器,客戶機的語言環...

HTTP請求頭和響應頭

這篇文章簡單總結一下http請求頭和響應頭,並舉一些web開發中響應頭的用例。accept 瀏覽器通過這個頭告訴伺服器,它所支援的資料型別。如 text html,image jpeg accept charset 瀏覽器通過這個頭告訴伺服器,它支援哪種字符集。accept encoding 瀏覽器...