vue.jsでisomorphic-fetchを使用した時にうまくjsonが取得できずに躓いたのでメモ.

問題点

repose.json()はPromise Objectで返ってくる.

fetch('http://api.bitflyer.jp/v1/getmarkets', {mode:"cors"})
    .then(res_ => {
        if (res_.status >= 400) {
            throw new Error("Bad response from server");
        }
        console.log(res_.json());
    });

解決策

下記のようにすると,jsonが取得できました.

fetch('http://api.bitflyer.jp/v1/getmarkets', {mode:"cors"})
    .then(res_ => {
        if (res_.status >= 400) {
            throw new Error("Bad response from server");
        }
        res_.json().then(data_ => {
            console.log(data_);
        })
     });


参考サイト
http://blog.yayoc.com/javascript/2016/12/09/es6-fetch-promise.html

Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account log in.