第一步：安裝

npm i axios -S

第二步：添加

在main.js中添加

import?axios?from?'axios'

第三步：注冊

在main.js進(jìn)行全局注冊

app.config.globalProperties.$http=axios

第四步：指定請求頭

在main.js中添加

axios.defaults.baseURL?=?'url(你服務(wù)器的)'

第五步：引用

在組件內(nèi)使用

import?{onMounted,getCurrentInstance}?from?'vue'

const?internalInstance=getCurrentInstance()

const?http=internalInstance.appContext.config.globalProperties.$http

第六步：完善

異步網(wǎng)絡(luò)請求，將Promise對象展示為真實對象

?const?valid=()=>{

????????loginForm.value.validate(async?valid=>{

????????????if?(!valid)?{

????????????????return?;

????????????}

????????????const?result=await?http.post("login",info)//參考后端給你的api接口文檔

????????????console.log(result);

????????})

?????}

第二種：過濾

?const?valid=()=>{

????????loginForm.value.validate(async?valid=>{

????????????if?(!valid)?{

????????????????return?;

????????????}

????????????const?{data:res}=await?http.post("login",info)//解構(gòu)并重命名

????????????if?(res.meta.status!==200)?{

????????????????console.log('登錄失敗');

????????????}

????????})

?????}