前端如何用axios连接后端接口
时间: 2023-10-27 16:09:49 浏览: 87
VUE使用axios调用后台API接口的方法
5星 · 资源好评率100%
Axios是一个基于 Promise 的 HTTP 库,可以用于浏览器和 Node.js。它可以在浏览器中发送 XMLHttpRequests 请求和在 Node.js 中发送 http 请求。
下面是一个简单的示例,展示如何使用 Axios 从后端接口获取数据。
首先,安装 Axios:
```
npm install axios
```
然后,在前端代码中使用 Axios:
```javascript
import axios from 'axios';
axios.get('/api/data')
.then(response => {
console.log(response.data);
})
.catch(error => {
console.log(error);
});
```
这将通过 GET 请求从 `/api/data` 地址获取数据,并在控制台中打印响应数据。你需要将 `/api/data` 替换为你的后端接口地址。如果需要发送 POST 请求,可以使用 `axios.post` 方法。
阅读全文