在反应样板中实现 axios 拦截器的最佳方式是什么？

Question

我正在使用使用 fetch 库的 react 样板。但是现在我想实现拦截器，有没有人知道如何使用 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';