reactjs - 在反应样板中实现 axios 拦截器的最佳方式是哪种？

Question

我正在使用使用 fetch 库的反应样板。但是现在我想实现拦截器，有没有人知道如何使用 fetch 库来实现它，或者我应该使用 axios 来实现它。

Answer 1

这是一个非常简单的任务，例如添加一个 './interceptor.js' 文件，如下所示：

import axios from 'axios';
axios.interceptors.response.use( (response) => {
   return response;
}, (error) => {
   switch (error.response.status) {
        case 400:
             console.log('Bad request');
             break;
        ...
        default:
            ....
   }
return Promise.reject(error);
});

然后将此文件导入“index.js”：

import './interceptor.js';