使用Axios的Mysql Express Reactjs Nodejs crud问题

npm install axios

import axios from 'axios';

const api = axios.create({
  baseURL: 'http://backend-api-url.com/api', // 设置后端API的基本URL
  timeout: 5000, // 请求超时时间
  headers: {
    'Content-Type': 'application/json', // 设置请求头
  },
});

export default api;

import api from './api'; // 导入Axios实例

// 发送GET请求获取数据
api.get('/data')
  .then((response) => {
    const data = response.data; // 获取响应数据
    console.log(data);
  })
  .catch((error) => {
    console.error(error);
  });

import api from './api'; // 导入Axios实例

// 发送POST请求向后端添加数据
const newData = {
  name: 'New Data',
  value: 123,
};

api.post('/data', newData)
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

import api from './api'; // 导入Axios实例

// 发送PUT请求更新数据
const updatedData = {
  name: 'Updated Data',
  value: 456,
};

api.put('/data/1', updatedData) // 根据ID更新数据
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });

import api from './api'; // 导入Axios实例

// 发送DELETE请求删除数据
api.delete('/data/1') // 根据ID删除数据
  .then((response) => {
    console.log(response.data);
  })
  .catch((error) => {
    console.error(error);
  });