Javascript - 从文件中获取Vue js

时间:2018-03-05 17:34:00

标签: javascript api vue.js get fetch

我正在学习Vue js,并且通过在html末尾包含源代码以最简单的方式使用它。现在我试图像这样做一个oridnary javscript fetch:

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 }

1 个答案:

答案 0 :(得分:1)

您需要在.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