javascript - vue2 中如何封装http请求

问题描述

问 题

const instance = axios.create({
  baseURL: 'https://v2.com/',
  timeout: 20000,
  headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json'
  }
});

export const post = (url, data) => {
  return instance
    .post(url, data)
    .catch(handleError);
}

function handleError(error) {
  toast.toastDanger(error.message || 'request error');
  console.error(error)
  Promise.reject(error)
}

调用：

        api.post('jwt-token-auth/', body)
          .then(function (response) {
            vm.loading = false;
            console.log(response)
            vm.$router.replace({path: '/home'})
          })

想在全局catch异常，可是因为提前catch了，后面调用时就算发生错误也会进入then代码块，请问如何正确封装axios类似的http请求库？

解决方案

在catch里面调用Promise.reject

这篇关于javascript - vue2 中如何封装http请求的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！