在axiosinterceptor中分派redux操作(非react组件)

import axios from 'axios';
import { createStore } from 'redux';

// 创建Redux action
const fetchDataRequest = () => ({ type: 'FETCH_DATA_REQUEST' });
const fetchDataSuccess = (data) => ({ type: 'FETCH_DATA_SUCCESS', payload: data });
const fetchDataFailure = (error) => ({ type: 'FETCH_DATA_FAILURE', payload: error });

// 创建Redux reducer
const reducer = (state = {}, action) => {
  switch (action.type) {
    case 'FETCH_DATA_REQUEST':
      // 处理请求开始的action
      return { ...state, isLoading: true };
    case 'FETCH_DATA_SUCCESS':
      // 处理请求成功的action
      return { ...state, isLoading: false, data: action.payload };
    case 'FETCH_DATA_FAILURE':
      // 处理请求失败的action
      return { ...state, isLoading: false, error: action.payload };
    default:
      return state;
  }
};

// 创建Redux store
const store = createStore(reducer);

// 创建axios实例
const axiosInstance = axios.create();

// 添加axios interceptor
axiosInstance.interceptors.request.use((config) => {
  // 在请求开始时分发请求开始的action
  store.dispatch(fetchDataRequest());
  return config;
}, (error) => {
  return Promise.reject(error);
});

axiosInstance.interceptors.response.use((response) => {
  // 在请求成功时分发请求成功的action
  store.dispatch(fetchDataSuccess(response.data));
  return response;
}, (error) => {
  // 在请求失败时分发请求失败的action
  store.dispatch(fetchDataFailure(error));
  return Promise.reject(error);
});

// 发送网络请求
axiosInstance.get('/api/data')
  .then((response) => {
    // 处理请求成功的响应
    console.log(response.data);
  })
  .catch((error) => {
    // 处理请求失败的错误
    console.error(error);
  });