axios 500 内部服务器错误后代码执行停止

Question

我将axios 与trycatch 一起使用，但是当api 返回500 内部服务器错误时，代码执行流到catch 但在async 函数代码之外没有执行，我不知道为什么。

这是我的代码：

export async function authRequest(router, path='/', data={}, method='get') {

  const authKey = getAuthKey();

  try {
    const request = await axios({
      method,
      url: apiUrl + path,
      headers: {
        'Authorization': "Bearer " + authKey
      },
      data
    });

    return request.data;
  } catch (error) {

    const isLogged = await axios({
      method: 'get',
      url: apiUrl + '/isLoggedUser',
      headers: {
        'Authorization': "Bearer " + authKey
      }
    });

    if (isLogged.data == false) {
      router.push({
        name: 'login'
      })
    } else {
      console.error('Cannot process this request');
      return false;
    }
  }
}

调用这个函数：

const req = await authRequest(
    this.$router,
    '/video/play',
  );

console.log('cannot reach to this statment after 500 error in axios request')

当Axios 引发 500 内部服务器错误时，最后一个 console.log 语句不会执行/到达或任何代码。

请注意：问题出在 axios 500 内部服务器上，它会在 authRequest 函数之外停止进一步的代码执行。

Answer 1

您在 catch 块中发出的 Axios 请求应该被 try/catch 包围。 2XX 以外的任何响应都将进入 catch 块（抛出错误）。

For more about this

export async function authRequest(router, path = '/', data = {}, method = 'get') {

  const authKey = getAuthKey();

  try {
    const request = await axios({
      method,
      url: apiUrl + path,
      headers: {
        'Authorization': "Bearer " + authKey
      },
      data
    });

    return request.data;
  } catch (error) {

    try {
      const isLogged = await axios({
        method: 'get',
        url: apiUrl + '/isLoggedUser',
        headers: {
          'Authorization': "Bearer " + authKey
        }
      });

      if (isLogged.data == false) {
        router.push({
          name: 'login'
        })
      }
    } catch (e) {
      console.error('Cannot process this request');
      return false;
    }
  }
}

您可以在调用authRequest 时使用try/catch 进行尝试吗？

try{

    const req = await authRequest(
    this.$router,
    '/video/play',
  );
  console.log('cannot reach to this statment after 500 error in axios request')
}
catch(e){
    console.log('cannot reach to this statment after 500 error in axios request')
}