以axios检查401运行函数

在JavaScript应用程序中，Axios被广泛使用作为HTTP客户端，用于向服务器发出请求。但是，当应用程序未经授权或登录时，可能会返回状态代码401以表示用户未经授权。

在这种情况下，我们需要将Axios配置为检查401状态代码，并执行运行特定的函数以进行相应操作。

步骤

1. 安装Axios

首先，我们需要使用npm或者yarn来安装axios库。

npm install axios

# 或者

yarn add axios

2. 配置Axios

然后我们需要配置Axios来捕捉401错误，并执行特定函数。

import axios from 'axios'

axios.interceptors.response.use(response => {
  return response
}, error => {
  if (error.response.status === 401) {
    // 执行你的函数
  }
  return Promise.reject(error)
})

在上面的代码中，我们使用Axios的拦截器功能拦截HTTP请求的响应。其中，'response'是成功响应的情形，而'error'则是错误情况下的响应。

如果发生错误情况，在这种情况下，我们将拦截Axios错误，检查响应的状态是否为401。如果状态为401，则会执行特定函数进行响应操作。

3. 执行特定操作

最后我们需要编写一个函数，用于对401错误做出响应操作。在这个例子中，我们只是简单地使用JavaScript来进行了一个弹窗警告。

function handle401Error() {
  alert('未经授权的访问！')
}

axios.interceptors.response.use(response => {
  return response
}, error => {
  if (error.response.status === 401) {
    handle401Error()
  }
  return Promise.reject(error)
})

4. 测试

好了，我们的Axios已经成功配置好，并且可以检查到错误状态代码，而且已设置为执行特定操作。现在，我们只需要测试它是否有效。

axios.get('your-api-endpoint')
  .then(response => {
    console.log(response)
  })
  .catch(error => {
    console.log(error)
  })

总结

在本文中，我们谈到了如何使用Axios来检查401状态代码，并执行特定操作。这是非常有用的技巧，可以保护我们的应用免受未经授权的访问。希望这个例子对你有所帮助！