阅读量:0
在React中调用后端接口可以通过使用fetch
或者axios
等库来实现。以下是一个例子:
- 使用fetch方法调用后端接口:
fetch('/api/data') // 接口地址 .then(response => response.json()) // 将响应的数据转为JSON格式 .then(data => { // 在这里处理接口返回的数据 console.log(data); }) .catch(error => { // 处理错误 console.error(error); });
- 使用axios库调用后端接口:
首先,需要通过npm安装axios库:
npm install axios
然后,你可以像这样使用axios来调用后端接口:
import axios from 'axios'; axios.get('/api/data') // GET请求的接口地址 .then(response => { // 在这里处理接口返回的数据 console.log(response.data); }) .catch(error => { // 处理错误 console.error(error); });
以上代码中的/api/data
是示例的接口地址,你需要根据实际情况替换成你的后端接口地址。