axios基本介紹和簡單應用

2021-09-02 19:24:00 字數 826 閱讀 3056

axios是乙個基於promise的http庫,可以用在瀏覽器和node.js中

1、特徵:

(1)、從瀏覽器中建立xmlhttprequests;

(2)、在node.js建立http請求;

(3)、支援promise api;

(4)、攔截請求和響應;

(5)、轉換請求資料和響應資料;

(6)、取消請求;

(7)、自動轉換json資料;

(8)、客戶端支援防禦xsrf;

2、支援瀏覽器

chrome、firefox、safari、opera、edge、ie.

3、安裝

使用npm: npm install axios

4、建立例項

//基本配置

var instance=axios.create()

instance.defaults.timeout = 2500

instance.defaults.headers.common[「authorization」]=auth_token

//新增請求***

instance.interceptors.request.use(config=>,error=>)

//新增響應***

instance.interceptors.response.use(response=>,error=>)

//axios傳送函式

axiospost(url,data)).catch(err=>)

}//登陸

login(loginform)

//獲取使用者資訊

getuserinfo(token)

axios 基本用法 簡單的封裝

utils下的request.js檔案配置 import axios from axios axios預設配置 axios.defaults.baseurl 後端介面協議和網域名稱還有埠 axios.get login baseurl 等價下面的 axios.get login axios.defa...

最實用axios簡單教程應用示例

最實用的方法npm install axios 在main.js中引用 import axios from axios import qs from qs 跨域post例項 用到qs元件來避開ajax信使請求 並相容安卓 vue.prototype.qs qs 給物件乙個原型掛載屬性 很重要 vue...

Ajax介紹和基本應用方法

中文音譯 阿賈克斯 屬於js中的知識點 ajax是瀏覽器提供的一套方法,通過呼叫這些方法可以實現頁面的無重新整理更新資料,提高使用者瀏覽 應用的體驗。ajax技術實現了使用者瀏覽網頁的過程中區域性的更新資料,提高了應用體驗。再不重新整理頁面的過程中向伺服器傳送請求家在資料 1 頁面上拉載入更多資料 ...