axios攔截設定和錯誤處理

2021-09-27 12:26:23 字數 934 閱讀 3732

目前想出的處理介面請求進行全域性錯誤提示 的最佳方案,axios整體配置如下

axios.interceptors.request.use(

config => ,

err =>

)axios.interceptors.response.use(

response =>

if (response.data.success) else )

promise.reject(response.data.message)}},

error => else if (error.response.status === 403) else

}return promise.reject(error.response.data)

})

主要負責將所有的結果(包括錯誤)都通過reslove來處理,這樣下一級直接then就可以得到所有的結果,而且使用await語法使,不需要try..catch...

axiosget: (url, config, showloading = true) => ).catch((error) => )

})} else ).catch((error) => )})}

}

export default
import service from '@/service'

vue.prototype.$service = service

async getlist() );

this.loading = false;

if (res) else

},getlist2() )

.then(res => else

});}

axios攔截設定和錯誤處理

現在vue的官方包已經不更新vue resource了,轉而推薦axios,下面是專案實戰是總結的axios外掛程式設定 file axios的vue外掛程式 新增全域性請求 響應 攔截request,設定全域性請求為ajax請求 axios.interceptors.request.use con...

axios 錯誤處理 配置loading效果

當前是單個html頁面 vue框架 layui開啟注釋即可 的引入方式 loading開啟的例項掛在在了vue原型上,外部js可以通過vue例項獲取loading 錯誤處理 顯示請求失敗的後端給的錯誤資訊 開啟loading發請求 請求前開啟loadding。請求成功和失敗關閉loadding 開啟...

rsync rsync設定及錯誤處理

修改 etc default rsync rsync enable true rsync opts address 10.192.0.5 rsync nice sample rsyncd.conf configuration file global options motd file etc mot...