Javascript - Vue js 从文件中获取

Question

我刚刚学习 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 }

Answer 1

您需要在响应上实际调用.json:

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

参见Making Fetch Requests