Javascript - 从文件中获取Vue js

Posted 2021-04-25

我只是学习Vue js并且通过在html的末尾包含源代码以最简单的方式使用它。现在我正在尝试像这样进行普通的javascript抓取：

fetch('./json_docs/example.json')
   .then(function(response) {
      return response;
   })
   .then(function(res) {
      console.log(res);
  });

我得到的响应看起来像这样，但我没有得到实际的数据。当我尝试将URL用于浏览器中响应中包含的文件时，数据显示。有谁知道我做错了什么？

Response { type: "basic", url: "file:///Users/danielamir/Documents/…", redirected: false, status: 200, ok: true, statusText: "OK", headers: Headers, bodyUsed: false }

答案

你需要在.json上实际调用response：

fetch('./json_docs/example.json')
   .then(function(response) {
      return response.json(); // As a function call
   })
   .then(function(data) {
      console.log(data);
  });

见Making Fetch Requests