js捕捉网络请求异常

一.try,catch

try{内容是异步的，同步捕捉错误无效}

 async onSaveMaterial(params, type) {
    try {
      let res = await fetch('请求接口路径')
      if (res.code === 0) {
      alert('ok!')
      }
    }catch(error){
      console.log(error.message)
    }
  }

二. axios

方法一：axios.interceptors.response统一获得错误信息

let fetcher = axios.create({
  timeout: 6000, // 设置请求超时时间6s
  baseURL: baseUrl,
})

fetcher.interceptors.request.use(function (config) {
  config.headers.ssotoken = storage.get('ssotoken')
  config.headers.ssouid = storage.get('ssouid')
  return config
}, function (error) {
  return Promise.reject(error)
})

fetcher.interceptors.response.use(function (response) {
  if (response.data.code === 2) {
    location.href = login
  }
  return response.data
}, function (error) {
  console.log(error.message)  // 统一处理错误信息
  return Promise.reject(error)
})

方法二：用.catch单个处理错误信息

fetcher.post('请求路径'，{参数})
.then(res => {console.log(res)})
.catch(error => { console.log(error) // 捕捉到错误信息 })

 三.Raven.js ===> 前端代码异常监控

转载于:https://www.cnblogs.com/xiaoxiao666/p/8884655.html