如何在 Github Pages build 文件夹中提供静态文件

Question

在我的PokeListclass中，我有以下代码

componentDidMount() {
  fetch('./pokedex.json')
    .then( response => {
      if (response.ok) {
        return response.json()
      }
      throw response
    }).then (data => {
      console.log(data)
      // this.setState({pokeDex: data})
    }).catch (error => {
      console.error("An error occurred: ", error)
    }).finally(() => {
      this.setState({loading: false})
    })
}

当我运行 npm run deploy 这是将我的应用程序部署到 https://blenderous.github.io/pokedex/ 上的 GitHub 静态页面的命令时，该页面显示了几个错误：

404 找不到 pokedex.json 的错误
“发生错误：”并且 Response 对象的状态为 404

当我运行npm run deploy时，应用运行s gh-pages -d build.

如何使 pokedex.json 文件在 GitHub 页面的构建文件夹中可用。手动复制文件不起作用。

Answer 1

可以将 pokedex.json 文件添加到属于 blenderous.github.io 博客的 blog-assets 文件夹（因为它是一个 GitHub 页博客，必须添加blog-assets 本地版本博客存储库 git add -A 和 git push origin master 文件夹中的文件。然后可以在 PokeList class 中使用以下命令访问此文件URLhttps://blenderous.github.io/blog-assets/pokedex.json

为了方便，我在 blog-assets 文件夹中添加了一个 json 文件夹，所以 URL 将是： https://blenderous.github.io/blog-assets/json/pokedex.json

如何在 Github Pages build 文件夹中提供静态文件

How to make a static file available on Github Pages build folder

github-pages

reactjs