react 配置后台接口

React 是一种前端框架，它并不涉及后台接口的配置。如果你想要在 React 中调用后台接口，需要使用一些 HTTP 客户端库，比如 axios 或者 fetch。在 React 组件中，你可以使用这些库来发送 HTTP 请求，并将返回的数据传递给组件进行渲染。

以下是一个使用 axios 库在 React 中发送 GET 请求的示例：

首先你需要在命令行中使用 npm 安装 axios：

npm install axios

然后在 React 组件中导入 axios 并发送请求：

import React, { useState, useEffect } from 'react';
import axios from 'axios';

const MyComponent = () => {
  const [data, setData] = useState([]);

  useEffect(() => {
    axios.get('/api/my-data')
      .then(response => setData(response.data))
      .catch(error => console.log(error));
  }, []);

  return (
    <div>
      {data.map(item => (
        <div key={item.id}>{item.title}</div>
      ))}
    </div>
  );
};

export default MyComponent;

在上面的代码中，我们使用了 useEffect 钩子来发送 GET 请求并将返回的数据存储在组件的状态中。然后我们使用 map 函数将数据渲染为列表。

接下来，你需要在后台配置对应的接口，比如在 Express 中可以这样实现：

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

app.get('/api/my-data', (req, res) => {
  const data = [
    { id: 1, title: 'Data 1' },
    { id: 2, title: 'Data 2' },
    { id: 3, title: 'Data 3' },
  ];
  res.json(data);
});

app.listen(5000, () => console.log('Server started on port 5000'));

在上面的代码中，我们使用 Express 框架实现了一个 GET 接口，返回一个包含三个数据对象的数组。这里我们假设后台服务器运行在本地的 5000 端口上。