前端怎么用axios调用后端接口
时间: 2023-06-25 11:03:26 浏览: 117
请求数据真实接口.md
Axios 是一个基于 promise 的 HTTP 库,可以在浏览器和 Node.js 中使用。通过它,我们可以轻松地发送 GET、POST、PUT、DELETE 等请求,同时也可以处理响应数据。下面是前端如何使用axios调用后端接口的步骤:
1. 安装axios
可以使用 npm 或者 yarn 安装 axios,如下所示:
```sh
npm install axios
```
2. 在前端代码中引入 axios
在需要使用 axios 的文件中,可以使用以下语句引入 axios:
```js
import axios from 'axios'
```
3. 发送请求
在需要发送请求的地方,可以使用 axios 发送请求,如下所示:
```js
axios.get('/api/user')
.then(response => {
console.log(response.data)
})
.catch(error => {
console.error(error)
})
```
以上代码向后端发送了一个 GET 请求,请求地址为 `/api/user`。如果请求成功,将打印响应数据;如果请求失败,将打印错误信息。
除了 GET 请求外,还可以使用 axios 发送 POST、PUT、DELETE 等请求,具体可以参考 axios 的官方文档。
阅读全文