后端数据 如何交给前端 axios

Axios是一个流行的基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。通过Axios，可以轻松地从后端API接口获取数据并将其传递给前端。以下是使用Axios从后端获取数据并将其传递给前端的基本步骤：

1. 在前端代码中引入Axios库。

    import axios from 'axios';

2. 使用Axios发送HTTP请求到后端API接口。

    axios.get('/api/data')
      .then(response => {
        // 在这里处理后端返回的数据
        console.log(response.data);
      })
      .catch(error => {
        // 在这里处理请求错误
        console.error(error);
      });

3. 在后端API接口中处理请求并返回数据。

    const express = require('express');
    const app = express();

    app.get('/api/data', (req, res) => {
      const data = { key: 'value' };
      res.send(data);
    });

通过以上步骤，可以很容易地使用Axios从后端获取数据并将其传递给前端。