axios的基本使用

2021-10-08 15:42:36 字數 2027 閱讀 1783

npm

install axios

import vue from

'vue'

import router from

'./router'

import store from

'./store'

import axios from

'axios'

vue.config.productiontip =

false

newvue()

.$mount()

axios()

.then

((res)

=>).

catch

((err)

=>

)

axios返回的是乙個promise物件,所以呼叫then即可

axios.

all(

[axios()

,axios(}

)]).

then

(results =>

)

有的時候,向伺服器傳遞的有些引數都是固定的,那麼這些固定的引數就可以進行一下抽取,使用axios的全域性配置

當開發的專案特別大的時候,會使用多個伺服器對對應的請求做出響應(後端此時可能會使用反向**伺服器)ps:後端菜鳥,如果有錯,希望大神指正

此時的請求ip位址就不唯一,需要對axios建立例項

const instance = axios.

create()

instance()

.then

(data =>

)

//封裝 「network\request.js」

import axios from

"axios"

export

function

request

(config));

return

instance

(config)

;}

//使用 「main.js」

import

from

"./network/request"

request()

.then

(res =>).

catch

(err =>

)

axios提供了***,用於在傳送請求或者得到響應後進行相應的處理。***攔截:請求成功、請求失敗、響應成功、響應失敗

// 攔截請求

instance.interceptors.request.

use(aaa =>

, err =>

)

instance.interceptors.response.

use(res =>

, err =>

)

完整**:

import axios from

"axios"

export

function

request

(config));

//2. axios的***

// 攔截請求

instance.interceptors.request.

use(config =>

, err =>

)// 攔截響應

instance.interceptors.response.

use(res =>

, err =>

)//3.傳送真正的網路請求

return

instance

(config)

;}

Axios的基本使用

axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中。支援瀏覽器和node.js 支援promise 能攔截請求和響應 能轉換請求和響應資料 能取消請求 自動轉換json資料 瀏覽器端支援防止csrf 跨站請求偽造 npm安裝 npm install axi...

AXIOS基本使用

axios 是乙個基於 promise 的 http 庫,可以用在瀏覽器和 node.js 中。本教程比較簡單,axios確實也比較簡單,但是功能足夠強大。使用 npm npm install axios使用 bower bower install axios使用 cdn src script 為給...

axios的基本使用和封裝

get 請求 axios.get api index.json then res catch err post 請求 axios.post api getuserinfo then res catch err 併發請求 axios.all axios.get api index.json axios...