簡單使用 axios

2021-09-23 18:48:14 字數 1286 閱讀 1831

這幾天做用 vue 給後台發資料的使用了vue-resource,結果報錯,怎麼改都是錯,實在是沒辦法,看下 vue 的官網,結果發現vue官方不支援維護vue-resource,尤大也建議我們使用axios,後來就用了下,一次就成功了,真心好用。

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

npm i axios
npm 上的axios :

其實這篇文件寫的詳細: 重要的是支援中文

方法一

axios.

get(

'/user?id=00001&naem=xx').

then

(function

(response)).

catch

(function

(error)

);

方法二

axios.

get(

'/user'})

.then

(function

(response)).

catch

(function

(error)

);

上面的兩種方法實現的效果一樣的,在發起請求時params會將其中設定的鍵值對轉換為第一種形式,第二種方法非常方便,推薦使用第二種

axios.

post

('/user',)

.then

(function

(response)).

catch

(function

(error)

);

post 就只有一種方法,其實就是原生 ajax的send方法,將要傳送的資料新增到請求體中

function

get1()

function

get2()

axios.

all(

[get1()

,get2()

]).then

(axios.

spread

(function

(acct, perms)))

;

ok了,我現在最多用到我寫的三個就方法,axios 還有很多好用的方法,這裡就不多贅述了,網上有很多 axios 的部落格,寫的都很好。

axios簡單了解

axios是基於客戶端的promise,面向瀏覽器和nodejs 瀏覽器端發起xmlhttprequests請求 node端發起http請求 支援promise api 監聽請求和返回 轉化請求和返回 取消請求 自動轉化json資料 客戶端支援抵禦 方式一 發起乙個user請求,引數為給定的id a...

axios 簡單封裝

參考文件 建立乙個http.js檔案 import axios from axios import from vant 環境的切換 if process.env.node env development else if process.env.node env debug else if proce...

vue簡單封裝axios

1 在src下新建api資料夾,在api資料夾下新建config.js檔案 2 config.js配置如下 import axios from axios import qs from qs mint ui 框架,若不需要請全部注釋掉 import from mint ui axios.defaul...