axios请求返回错误遮挡屏幕 前端如何捕获

如果在 axios 请求过程中出现网络错误或者业务错误，可以通过给页面添加遮罩层来提示用户。常见的做法是，在请求发送前添加遮罩层，请求结束后移除遮罩层。可以使用第三方库如 LoadingOverlay.js 来实现遮罩层的添加和移除。

在捕获 axios 请求的错误时，可以在 catch 方法中添加遮罩层。例如：

// 添加遮罩层
LoadingOverlay.show();

axios.get('/api/data')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理网络错误
    console.log(error);
    // 移除遮罩层
    LoadingOverlay.hide();
  });

在添加遮罩层时，可以根据具体情况来设置遮罩层的样式和内容。在移除遮罩层时，应该注意处理成功和失败两种情况，以免遮罩层无法被正确移除。