js fetch 读本地.json文件

在JavaScript中，`fetch()` API 通常用于从服务器获取数据，但它也可以通过一些技巧间接读取本地的 `.json` 文件。由于浏览器的安全限制，`fetch()` 直接操作本地文件是不允许的，因为这可能会导致安全风险。然而，你可以借助`FileReader`对象配合`fetch()` 来达到这个目的。

以下是一个简单的示例，如何使用`fetch()` 和 `FileReader` 阅读本地文件内容：

// 假设有一个名为data.json的文件
const file = new File(['your json data'], 'data.json', { type: 'application/json' });

// 创建一个fetch请求
const xhr = new XMLHttpRequest();
xhr.open('GET', URL.createObjectURL(file), true);

xhr.onload = function () {
  if (this.status === 200) {
    // 解析JSON数据
    const jsonData = JSON.parse(this.response);
    console.log(jsonData);
  } else {
    console.error('Failed to load local file.');
  }
};

xhr.send();

请注意，这种方法仅限于在开发环境中，生产环境通常会将数据存储在服务器上，并通过正常的HTTP请求获取。