91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

axios攔截設置和錯誤處理方法

發布時間:2020-10-10 23:52:11 來源:腳本之家 閱讀:124 作者:BenjaminShih 欄目:web開發

現在vue的官方包已經不更新vue-resource了,轉而推薦axios,下面是項目實戰是總結的axios插件設置:

/**
 * @file Axios的Vue插件(添加全局請求/響應攔截器)
 */
// https://github.com/mzabriskie/axios
import axios from 'axios'
// 攔截request,設置全局請求為ajax請求
axios.interceptors.request.use((config) => {
 config.headers['X-Requested-With'] = 'XMLHttpRequest'
 return config
})
// 攔截響應response,并做一些錯誤處理
axios.interceptors.response.use((response) => {
 const data = response.data
// 根據返回的code值來做不同的處理(和后端約定)
 switch (data.code) {
 case '0':
  // 舉例
  // exp: 修復iPhone 6+ 微信點擊返回出現頁面空白的問題
  if (isIOS()) {
  // 異步以保證數據已渲染到頁面上
  setTimeout(() => {
   // 通過滾動強制瀏覽器進行頁面重繪
   document.body.scrollTop += 1
  }, 0)
  }
  // 這一步保證數據返回,如果沒有return則會走接下來的代碼,不是未登錄就是報錯
  return data
 // 需要重新登錄
 case 'SHIRO_E5001':
  // 微信生產環境下授權登錄
  if (isWeChat() && IS_PRODUCTION) {
  axios.get(apis.common.wechat.authorizeUrl).then(({ result }) => {
   location.replace(global.decodeURIComponent(result))
  })
  } else {
  // 否則跳轉到h6登錄并帶上跳轉路由
  const search = encodeSearchParams({
   next: location.href,
  })
  location.replace(`/user/login?${search}`)
  }
  // 不顯示提示消息
  data.description = ''
  break
 default:
 }
 // 若不是正確的返回code,且已經登錄,就拋出錯誤
 const err = new Error(data.description)
 err.data = data
 err.response = response
 throw err
}, (err) => { // 這里是返回狀態碼不為200時候的錯誤處理
 if (err && err.response) {
 switch (err.response.status) {
  case 400:
  err.message = '請求錯誤'
  break
  case 401:
  err.message = '未授權,請登錄'
  break
  case 403:
  err.message = '拒絕訪問'
  break
  case 404:
  err.message = `請求地址出錯: ${err.response.config.url}`
  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) => {
 Vue.prototype.$axios = axios
}
export default axios

以上這篇axios攔截設置和錯誤處理方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

黎川县| 安溪县| 丘北县| 乐至县| 涞源县| 阿荣旗| 乌审旗| 怀柔区| 武邑县| 苏尼特左旗| 许昌县| 佛冈县| 巴林右旗| 保亭| 万年县| 财经| 玉环县| 平山县| 武功县| 玛曲县| 平舆县| 肃宁县| 老河口市| 呈贡县| 沅陵县| 黑龙江省| 独山县| 吐鲁番市| 宁陕县| 永年县| 临汾市| 宜黄县| 阿拉善盟| 宝丰县| 万载县| 九寨沟县| 灵山县| 武穴市| 吉林市| 博爱县| 祁东县|