vue axios請求封裝

2021-10-06 03:22:27 字數 2493 閱讀 2550

(在src檔案下自定義乙個api.js)

import axios from

"axios"

//建立乙個axios物件

//const 建立乙個唯讀檔案

const instance = axios.

create()

//請求攔截

//所有的網路請求都會先走這個方法、

instance.interceptors.request.

use(

function

(config)

return config

},function

(err));

//響應攔截

//所有的網路請求返回資料之後都會先執行此方法

instance.interceptors.response.

use(

function

(response)

,//如果失敗

function

(err)

}return promise.

reject

(err)})

;// p指給register 傳遞的引數

// 乙個檔案裡可以有多個 exprot

export

const

register

= p =>

export

const

login

= p =>

export

const

list

= p =>

//匯入封裝好的方法

// 請求成功

res => res.status ===

200? promise.

resolve

(res)

: promise.

reject

(res)

,// 請求失敗

error =>

) window.location.href=

""}else

// 請求已發出,但是不在2xx的範圍

}else})

;// 封裝xiaos請求 封裝axios裡的get

vue axios 請求封裝

import axios from axios import router from router index import from element ui import from utils loading import from utils auth import qs from qs 引入qs...

封裝vue axios請求

util.js import axios from axios import qs from qs import from vant h5用的這個 const apiurl xx 訪問介面位址 設定超時時間 請求頭等 axios.defaults.timeout 30000 axios.defaul...

vue axios請求封裝

介紹就不多寫了,直接上 了!import axios from axios create an axios instance const service axios.create 請求引數處理 transformrequest function data return ret request int...