fetch请求本地json
时间: 2024-11-28 22:18:51 浏览: 18
fetch API 是一种现代浏览器提供的网络请求技术,用于异步获取数据,它返回的是一个Promise。如果你想从本地JSON文件中获取数据而不是远程服务器,你可以使用相对路径或者直接读取文件内容,无需fetch。
如果你的JSON文件存储在同目录下,可以这样做:
```javascript
const jsonFilePath = './data.json'; // 假设"data.json"在同一目录下
fetch(jsonFilePath)
.then(response => {
if (!response.ok) {
throw new Error('Failed to load JSON file');
}
return response.json(); // 解析JSON内容
})
.then(data => {
console.log(data); // 现在你有了JSON对象
})
.catch(error => {
console.error('Error reading local JSON', error);
});
```
如果文件不在当前目录,需要使用`URL.createObjectURL()`将文件转换为URL:
```javascript
const fs = require('fs'); // Node.js环境
const data = fs.readFileSync('./data.json', 'utf8');
fetch(URL.createObjectURL(new Blob([data], {type: 'application/json'})))
.then(response => response.json())
.then(data => {
console.log(data);
})
.catch(error => {
console.error('Error reading local JSON', error);
});
```
阅读全文