如何访问使用 create react app 创建的 src 文件夹中的 json 文件

Question

我是一个反应新手。我已经使用 npx create-react-app 创建了反应应用程序。在操作中，axios.get 抛出 localhost:3000 file not found 错误。以下是 src/actions/index.js 中的代码

       export function lang(language) {
      let url = "./../resources/strings/strings_" + language + ".json";
      return dispatch => {
        axios.get(url).then(response => {
          console.log(response.data)
        }).catch(response => {
          console.log(response);
        });
      }
    }

这是项目结构[1]：https://i.stack.imgur.com/CwTJg.png

我做错了什么？我找不到合适的解决方案。 提前致谢。

Answer 1

我同意 Easwar，您需要查看该问题的答案。

看来 axios 仅在 /public 文件夹中运行，因此您需要将 json 文件放在 public 文件夹中。如果需要，您可以将它们放在公用文件夹中的文件夹中。

这是有道理的，因为 webpack 包位于 public 文件夹中，并且一旦应用程序被捆绑，只有 public 文件夹中的文件可用于您的 react 项目。

由于 axios 是一个 xhr 请求库，在你使用它的那一刻，它可能看到的唯一文件结构很可能是在 public 文件夹中：index.html、manifest.json 和你的 webpack bundle.js，其中包含所有您的 js 代码捆绑到 1 个文件中。