前端如何用axios连接后端接口，并载入前端的数组中，以及后端怎么写

前端使用 axios 可以很方便地连接后端接口并载入前端的数组中。具体步骤如下：

1. 安装 axios 库

可以通过 npm 安装 axios：

npm install axios

2. 在前端代码中引入 axios

import axios from 'axios';

3. 编写 axios 请求

axios.get('/api/data')
  .then(response => {
    // 处理响应数据
    this.dataList = response.data;
  })
  .catch(error => {
    // 处理错误
    console.log(error);
  });

4. 后端编写接口

后端可以使用任何语言编写接口，只需要提供一个符合前端要求的接口即可。以下是一个使用 Node.js 和 Express 框架编写的例子：

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

// 定义接口
app.get('/api/data', (req, res) => {
  const dataList = [
    { id: 1, name: 'A' },
    { id: 2, name: 'B' },
    { id: 3, name: 'C' }
  ];
  res.json(dataList);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

在这个例子中，我们定义了一个 `/api/data` 的接口，返回一个包含三个对象的数组。前端在请求这个接口时，会得到这个数组，并将它赋值给前端的 `dataList` 数组中。

当然，这只是一个简单的例子，实际应用中可能需要更复杂的逻辑来实现前后端数据的交互。