Axios拦截器阻止错误登录到控制台

Axios拦截器是一个用于处理HTTP请求和响应的强大工具。它可以在请求发送前和响应返回后对请求和响应进行拦截和处理。拦截器可以用于各种场景，包括错误处理、身份验证、请求转换等。

在阻止错误登录到控制台的场景中，我们可以使用Axios拦截器来拦截登录请求，并在请求返回错误状态码时进行处理。以下是一个示例代码：

import axios from 'axios';

// 创建一个Axios实例
const instance = axios.create();

// 请求拦截器
instance.interceptors.request.use(
  config => {
    // 在发送请求之前做一些处理，比如添加请求头、身份验证等
    return config;
  },
  error => {
    // 处理请求错误
    return Promise.reject(error);
  }
);

// 响应拦截器
instance.interceptors.response.use(
  response => {
    // 在接收到响应数据之前做一些处理
    return response;
  },
  error => {
    // 处理响应错误
    if (error.response.status === 401) {
      // 如果返回的状态码为401，表示登录错误
      // 在这里可以进行相应的处理，比如跳转到登录页面或显示错误提示
      console.log('登录错误');
    }
    return Promise.reject(error);
  }
);

// 发送登录请求
instance.post('/login', { username: 'admin', password: '123456' })
  .then(response => {
    // 处理登录成功的响应
    console.log('登录成功');
  })
  .catch(error => {
    // 处理登录失败的错误
    console.log('登录失败');
  });

在上述代码中，我们通过instance.interceptors.request.use方法添加了一个请求拦截器，用于在发送请求之前对请求进行处理。在拦截器中，我们可以添加请求头、身份验证等操作。

同时，我们通过instance.interceptors.response.use方法添加了一个响应拦截器，用于在接收到响应数据之前对响应进行处理。在拦截器中，我们可以对返回的状态码进行判断，如果是401表示登录错误，可以进行相应的处理。

需要注意的是，上述代码中的示例仅用于说明Axios拦截器的使用方法，并不涉及具体的控制台登录场景。在实际应用中，需要根据具体的业务需求进行相应的处理。

关于Axios的更多信息和使用方法，你可以参考腾讯云的产品介绍页面：Axios - 腾讯云。