Axios封裝請求後端介面

官方文件位址axios

安裝axios

npm install axios

import axios from

'axios'
vue.prototype.$axios = axios;
newvue
()

dialog為vant元件

import axios from

"axios"
;import qs from
"qs"
;import
from
"vant"
;// 讀取環境配置獲取介面位址
axios.defaults.baseurl = process.env.
;//post請求頭
axios.defaults.headers.post[
"content-type"]=
;//設定超時
axios.defaults.timeout =
10000
;axios.interceptors.request.
use(
config =>
, error =>);
axios.interceptors.response.
use(
response =>
else},
error =>)}
);export
default).
then
(res =>).
catch
(err =>);
})},
get(url, data)).
then
(res =>).
catch
(err =>)}
)}};

vue.prototype.https = https新建個request.js檔案用來放全部介面

拷貝每個介面固定傳參

* 傳乙個引數的

* @param

*/const

getclassschedule

=(schedule_id)

=>

post

('getclassschedule',)

/** * 傳多個引數的

* @param

* page:1

* limit:10 最大頁數

*/const

getcarousellist=(

)=>

post

('getcarousellist',)

/***

* 不傳引數的

* @param

*/const

getuserinfo=(

)=>

post

('getuserinfo',)

//介面匯出

export

在元件中呼叫

//匯入介面

import
from
"../axios/request"
;export
default
else},
//傳多個值的
async
getbanner()
);if(res.status ==1)
else
}//不傳值的
async
getinfo()
else},
}}

vue封裝axios介面請求

home.vue home getverytakeinformation get非攜參請求資料 button gettakeinformation get攜參請求資料 button postdata post攜參請求資料 button div template import from request...

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...