axios攔截設定和錯誤處理

2021-08-10 09:29:09 字數 1783 閱讀 1241

現在vue的官方包已經不更新vue-resource了,轉而推薦axios,下面是專案實戰是總結的axios外掛程式設定:

/**

* @file

axios的vue外掛程式(新增全域性請求/響應***)

// 攔截request,設定全域性請求為ajax請求

axios.interceptors.request.use((config) => )

// 攔截響應

response

,並做一些錯誤處理

axios

.interceptors

.response

.use

((response) => , 0)

}//這一步保證資料返回,如果沒有

return

則會走接下來的**,不是未登入就是報錯

return

data

//需要重新登入

case

'shiro_e5001'

:

//

if(iswechat() && is_production) ) => )

} else

) location.replace(`

/user/login?$

`) }

//不顯示提示訊息

data.description =

''break

default

: }

//若不是正確的返回code,且已經登入,就丟擲錯誤

const

err =

newerror(data.description)

err.data = data

err.response = response

throw

err}, (err) =>

`

break

case

408:

err.message =

'請求超時'

break

case

500:

err.message =

'伺服器內部錯誤'

break

case

501:

err.message =

'服務未實現'

break

case

502:

err.message =

'閘道器錯誤'

break

case

503:

err.message =

'服務不可用'

break

case

504:

err.message =

'閘道器超時'

break

case

505:

err.message =

'http版本不受支援'

break

default

: }

} return

promise.reject(err)

})axios

.install

= (vue)

=>

export

default

axios

axios攔截設定和錯誤處理

目前想出的處理介面請求進行全域性錯誤提示 的最佳方案,axios整體配置如下 axios.interceptors.request.use config err axios.interceptors.response.use response if response.data.success els...

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