随需中断请求，重振请求再续帆航

背景：使用依赖：axios、redux、redux-saga

在前端开发中，我们经常需要使用axios发送请求获取数据。但在某些情况下，我们可能需要在请求过程中进行一些操作，比如中断请求或在请求失败后重试。这时，我们就需要借助redux和redux-saga来实现这些操作。

有那么一些axios请求，当返回失败时，如果返回特定错误码这里是状态400，错误码字段为00001时，需要调起验证组件，验证成功后，重新发起请求。

为了实现这个需求，我们需要遵循以下步骤：

1. 在redux中定义一个action，用于中断请求。
2. 在redux-saga中监听这个action，并根据需要中断请求。
3. 在redux中定义一个action，用于恢复请求。
4. 在redux-saga中监听这个action，并根据需要恢复请求。

具体实现：

1. 在redux中定义一个action，用于中断请求：

export const INTERRUPT_REQUEST = 'INTERRUPT_REQUEST';

export const interruptRequest = () => ({
  type: INTERRUPT_REQUEST,
});

2. 在redux-saga中监听这个action，并根据需要中断请求：

function* watchInterruptRequest() {
  yield takeEvery(INTERRUPT_REQUEST, function*() {
    // 在这里中断请求
    axios.cancel(token);
  });
}

3. 在redux中定义一个action，用于恢复请求：

export const RESUME_REQUEST = 'RESUME_REQUEST';

export const resumeRequest = () => ({
  type: RESUME_REQUEST,
});

4. 在redux-saga中监听这个action，并根据需要恢复请求：

function* watchResumeRequest() {
  yield takeEvery(RESUME_REQUEST, function*() {
    // 在这里恢复请求
    axios(config);
  });
}

通过以上步骤，我们就实现了中断请求和恢复请求的功能。

总结

在本文中，我们学习了如何使用axios、redux和redux-saga来中断请求和恢复请求。这种技术可以帮助我们在需要时控制请求的执行，并在请求失败时进行重试。希望本文对您的前端开发工作有所帮助。