如何像Redux-toolkit-query
一样添加相同的抗受体
添加请求拦截器
axios.interceptors.request.use(function (config) {
// Do something before request is sent
return config;
}, function (error) {
// Do something with request error
return Promise.reject(error);
});
这是redux-toolkit-query的当前实现。现在我想添加请求和响应反接收器。我想一旦用户点击API,如果请求中有错误,它应该拒绝,或者如果错误在response.in,这两种情况下,它都应该拒绝。
export const apiSlice = createApi({
reducerPath: "api", // optional
baseQuery: fetchBaseQuery({
baseUrl: process.env.REACT_APP_BASE_API_URL,
prepareHeaders: (headers, { getState }) => {
// const state = getState();
const token = UTILS.getCurrentUser();
if (token) {
headers.set("authorization", token.token);
}
return headers;
},
}),
endpoints: (builder) => ({}),
});
1条答案
按热度按时间bgtovc5b1#
我想这可能会帮到你
首先创建axios服务,如下所示:
然后使用之前创建的Axios服务为RTK查询创建Axios baseQuery。
那么在
createApi
中你可以这样做: