axios請求簡單封裝

2021-10-24 11:07:58 字數 978 閱讀 7629

分為三步

1、建立axios例項,定義配置規則

import axios from

'axios'

import

from

'./config'

//建立帶配置專案的axios例項

const instance = axios.

create(,

transformrequest:

[function

(data)

return ret

}],})

//請求的基礎方法

export

function

request

(method,url,params)

}//定義請求函式

function

get(url,params)

function

post

(url,params)

2、封裝路徑方法

//統一管理請求方式

export

const

method

=//統一管理路徑

export

const

path

=

3、呼叫方法

import

from

'./core'

import

from

'./config'

const apiclient =

export

default apiclient

這只是乙個簡單的封裝,自己也可以配置請求攔截和響應攔截哦

axios請求封裝

首先在vue專案下安裝axios以及支援非同步提示的iview元件庫 npm install axios npm install iview 在src資料夾下新建axios資料夾,在其中新建api.js用於存放介面,request.js用於封裝axios物件 編寫request.js 123 456...

axios請求封裝

axios請求封裝 新建http.js import axios from axios 匯入axios import router from router 匯入路由 import qs from qs import from element ui 匯入element ui const configb...

axios 請求與封裝

get請求的兩種方法 from data 表單提交 上傳 檔案上傳 let data axios.post post data then res axios then res from data 表單提交 let formdata new formdata for let key in data a...