我一直在尝试在Axios API的帮助下在本地获取数据。
但是我不知道代码出了什么问题，它给我抛出了一个404错误。
我将感谢任何帮助.我提供了下面的代码在这里.

import Card from "react-bootstrap/Card";
import Col from "react-bootstrap/Col";
import Row from "react-bootstrap/Row";
import axios from "axios";
import { useEffect, useState } from "react";

function GridExample() {
  const [myData, setMyData] = useState([]);
  const [isError, setIsError] = useState("");

  useEffect(() => {
    async function fetchData() {
      try {
        const response = await axios.get("src/variables/carddataa.js");
        setMyData(response.data);
      } catch (error) {
        setIsError(error.message);
      }
    }

    fetchData();
  }, []);

  if (isError) {
    return <div>Error: {isError}</div>;
  }

  return (
    <div>
      <Row xs={2} md={3} className="g-3">
        {myData.map((post) => {
          const { id, card_title, card_subtitle, card_text } = post;
          return (
            <Col key={id}>
              <Card>
                <Card.Body>
                  <Card.Title>{card_title}</Card.Title>
                  <Card.Subtitle>{card_subtitle}</Card.Subtitle>
                  <Card.Text>{card_text}</Card.Text>
                </Card.Body>
              </Card>
            </Col>
          );
        })}
      </Row>
    </div>
  );
}

export default GridExample;