我有一个data.json文件在我的计算机，我试图访问。
下面是我的文件夹结构

> library-project
  > data
      data.json
  > src
    > pages
      index.tsx

index.tsx

import axios, { AxiosError, AxiosResponse } from "axios";

export default function FeaturedBooks() {
  const getBooks = () => {
    axios
      .get("data/data.json")
      .then((res: AxiosResponse) => {
        console.log(res);
      })
      .catch((err: AxiosError) => {
        console.error(err);
      });
  };
  return (
    <>
      <button onClick={getBooks}>Get Books</button>
    </>
  );
}

控制台消息-Failed to load resource: the server responded with a status of 404 (Not Found)
我很确定我的文件路径是正确的。我不明白为什么我得到一个404。我也试图禁用我的计算机的防火墙。它没有改善任何东西。
我不知道如何解决这个问题。任何帮助将不胜感激。