在 Vue.js 项目中处理 HTTP 请求是非常常见的需求，而使用 Axios 是其中一种最流行的方式。Axios 是一个 Promise based 的 HTTP 库，可以让我们轻松地发送 HTTP 请求。
安装 Axios
在使用 Axios 之前，需要先安装它。可以通过以下命令安装：
npm install axios
发送 GET 请求
使用 Axios 发送 HTTP GET 请求非常简单，只需要使用 axios.get 方法，并传入请求的 URL，如下所示：
axios.get('https://example.com/api/users')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})在上面的代码中，我们首先调用了 axios.get 方法，并传入了请求的 URL。当请求成功时，then 方法会被调用，我们可以通过 response.data 获取到请求的结果。当请求失败时，catch 方法会被调用，我们可以通过 error 获取到错误信息。
发送 POST 请求
发送 HTTP POST 请求也很容易。使用 axios.post 方法，并传入要发送的数据和请求的 URL，如下所示：
-- -------------------- ---- -------
------------------------------------------- -
----- -------
---- --
--
-------------- -- -
--------------------------
--
------------ -- -
------------------
--在上面的代码中，我们首先调用了 axios.post 方法，并传入了要发送的数据和请求的 URL。当请求成功时，then 方法会被调用，我们可以通过 response.data 获取到请求的结果。当请求失败时，catch 方法会被调用，我们可以通过 error 获取到错误信息。
发送 DELETE 请求
使用 Axios 发送 HTTP DELETE 请求也很简单。使用 axios.delete 方法，并传入请求的 URL，如下所示：
axios.delete('https://example.com/api/users/1')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})在上面的代码中，我们首先调用了 axios.delete 方法，并传入请求的 URL。当请求成功时，then 方法会被调用，我们可以通过 response.data 获取到请求的结果。当请求失败时，catch 方法会被调用，我们可以通过 error 获取到错误信息。
设置请求头
在发送 HTTP 请求时，有时需要设置一些请求头，比如发送 JSON 数据时需要设置 Content-Type 头。使用 Axios 设置请求头也很容易，只需要在请求的配置对象中设置 headers 属性，如下所示：
-- -------------------- ---- -------
------------------------------------------ -
-------- -
--------------- ------------------
-
--
-------------- -- -
--------------------------
--
------------ -- -
------------------
--在上面的代码中，我们在 axios.get 方法的第二个参数中设置了 headers 属性，并设置了 Content-Type 头。
总结
Axios 是处理 HTTP 请求的一个非常方便的库，可以让我们轻松地发送 HTTP 请求。在本文中，我们介绍了如何使用 Axios 发送 GET、POST 和 DELETE 请求，以及如何设置请求头。希望通过本文的学习，你能够更好地应用 Axios 处理 HTTP 请求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6460c2c8968c7c53b0263c25