vue axios 请求接口返回302后阻止后续所有请求

在Vue项目中使用axios请求接口时，如果接口返回302状态码，通常表示该资源暂时移动到了其他位置，需要客户端重新发起请求到新的地址。不过，在某些情况下，我们可能希望在收到302响应后阻止后续所有请求，这可能是因为遇到了重定向循环，或者出于安全策略需要避免进一步的请求。

要在收到302响应后阻止后续所有请求，你可以在axios的拦截器中进行处理。具体操作如下：

1. 设置全局的请求拦截器，在发送请求之前判断是否有特殊的标识（比如一个布尔类型的标志变量）来决定是否继续请求。
2. 设置全局的响应拦截器，在响应拦截器中处理302状态码，然后根据业务需要设置标志变量阻止后续请求。

下面是一个简单的示例代码：

// 创建axios实例
const service = axios.create({
  baseURL: process.env.VUE_APP_API_BASE_URL, // api的base_url
  timeout: 5000 // 请求超时时间
});

// 请求拦截器
service.interceptors.request.use(
  config => {
    // 可以在这里设置标志变量，例如：
    // let allowRequest = true;
    // config.meta = { allowRequest };
    return config;
  },
  error => {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 响应拦截器
service.interceptors.response.use(
  response => {
    // 根据业务逻辑，决定如何处理响应
    const { status } = response;
    if (status === 302) {
      // 处理302响应，比如阻止后续请求
      // let allowRequest = false;
      // response.config.meta.allowRequest = allowRequest;
      // 如果你希望直接中断请求，可以抛出错误
      return Promise.reject(new Error('302 Found - 不允许后续请求'));
    }
    return response;
  },
  error => {
    // 对响应错误做点什么
    // 如果错误是由于302引起的，则可以在这里处理后续逻辑
    if (error.message === '302 Found - 不允许后续请求') {
      // 根据错误消息处理逻辑
    }
    return Promise.reject(error);
  }
);

export default service;

在上面的代码中，我们创建了一个axios实例，并且添加了请求和响应拦截器。在请求拦截器中，我们没有进行特别的操作，但是提供了设置标志变量的示例。在响应拦截器中，我们检查响应状态码是否为302，如果是，则根据业务需要设置标志变量或者直接抛出错误以阻止后续请求。