vue axios响应拦截器message弹窗多个的优化

防抖思想 解决axios响应拦截器message弹窗多个的优化

// 做个标识  防止出现多个message的error弹窗
let flag = true
instance.interceptors.response.use(
  (response) => {
    const res = response.data
    if (response.status === 200) {
      if (res.code !== '1') {
        if (!flag) return
        setTimeout(() => {
          Message.error(res.msg)
          flag = true
        }, 300)
        flag = false
        if (res.code === '040000') {
          localStorage.clear()
          router.push({ path: '/login' })
        }
        return Promise.reject(res)
      }
      return res
    }
  },
  (error) => {
    return Promise.reject(error.response)
  }
)