获取 json 本地文件获取 404 未找到

Question

我的项目结构如下：

index.html ---文件夹js ---文件data.json ---文件index.js

在 data.json 我有一些数据：

{
  "photographers":[
    {
        "name":"Mimi Keel",
        "id":243,
        "city":"London",
        "country":"UK",
        "tags":[
          "portrait",
          "events",
          "travel",
          "animals"
        ],
        "tagline":"Voir le beau dans le quotidien",
        "price":400,
        "portrait":"MimiKeel.jpg"
    }]
}

在 index.js 中：

 fetch('./data.json',{
  headers : { 
    'Content-Type': 'application/json',
    'Accept': 'application/json'
    }})
   .then((response)=>{
  return response.json();
})
.then((data)=>{
  console.log(data);
})

我收到错误

Answer 1

尝试将路径更改为： fetch('./js/data.json',{...

Answer 2

尝试只使用 data.json 或尝试多个选项。另外，将 JSON 文件留在当前文件之外。

Answer 3

因为它在同一个目录中，您实际上不需要提取 - 您可以只使用导入语句

import data from './data.json';

或

const data = require('./data.json');

获取 json 本地文件获取 404 未找到

fetch json local file get 404 not found

javascript

api

fetch