javascript - 从公共(public)文件夹中 Fetch() 本地 json 文件返回 HTML 文件

Question

我的文件夹如下:

• 公共(public)> myJson.json
• src > App.js 和 MyComponent.js

App.js

import React from "react";
import MyComponent from "./mycomponent";

const App: React.FC = () => {

  fetch("public/myJson.json")
      .then(res => res.json())
      .then(data => console.log(data));

  return <MyComponent>;
};

export default App;

MyJson.json

[
  {
    "a": "a",
    "b": "b"
  },
  {
    "a": "aa",
    "b": "bb"
  }
]

控制台错误(使用.json()):

localhost/:1 Uncaught (in promise) SyntaxError: Unexpected token < in JSON at position 0

到目前为止我已经尝试过:

• 使用 header 获取

headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json',
      },

• fetch("../public/myJson.json")
• 常量响应=等待获取()

Answer 1

你需要改变

fetch("public/myJson.json")

只是

fetch("/myJson.json")