前端怎么拦截 接口报错

前端可以通过以下方法拦截接口报错：

1. 使用try-catch语句：在发起接口请求的地方使用try-catch语句来捕获接口请求时可能抛出的异常。在catch块中可以处理异常情况，例如展示错误提示信息或者进行其他操作。

try {
  // 发起接口请求
  const response = await axios.get('/api/data');
  // 处理返回的数据
} catch (error) {
  // 处理接口请求异常
  console.error('接口请求异常:', error);
  // 展示错误提示信息或者进行其他操作
}

2. 使用axios拦截器：如果你使用的是axios库发送接口请求，可以使用axios的拦截器来统一处理接口错误。通过在响应拦截器中捕获错误并进行处理。

axios.interceptors.response.use(
  (response) => {
    // 处理返回的数据
    return response;
  },
  (error) => {
    // 处理接口请求异常
    console.error('接口请求异常:', error);
    // 展示错误提示信息或者进行其他操作
    return Promise.reject(error);
  }
);

3. 使用全局错误处理：在Vue.js等前端框架中，可以通过捕获全局错误来处理接口报错。在Vue的全局错误处理函数中，捕获到错误后可以进行相应的处理。

Vue.config.errorHandler = function (err, vm, info) {
  // 处理接口请求异常
  console.error('接口请求异常:', err);
  // 展示错误提示信息或者进行其他操作
}

以上是一些常见的拦截接口报错的方法，你可以根据自己的项目需求选择合适的方式来处理。