ストライプ、チェックアウト・エラー

Question

私は私の店にストライプ、チェックアウトを実装しようとしていると私は言ってエラーが表示されます。ここでは

は私のコードです：

にオブジェクトを解析し、エラーがあったよう

onToken = (token) => { 
    fetch('/save-stripe-token', { 
    method: 'POST', 
    body: JSON.stringify(token), 
    }).then(response => { 
    response.json().then(data => { 
     alert(`We are in business, ${data.email}`); 
    }); 
    }); 
} 

Answer 1

が見えますjson。あなたが電話していることを知ることは役に立ちます。

はあなたの要求を行う際application/jsonでContent-TypeとAcceptヘッダーを設定するようにしてください：

fetch('...', { 
    // ... 
    headers: { 
    Accept: 'application/json', 
    'Content-Type': 'application/json', 
    }, 
    // ... 
}) 

は常にエラーに対処するためのcatchブロックを追加してください。また、同じブロックですぐに対処するのではなく、response.json()を返すことをお勧めします（これは、コールバック・ヘルを緩和するのに役立つ反パターンです）。

fetch(...) 
    .then(response => { 
    return response.json(); 
    }) 
    .then(data => { 
    alert(`We are in business, ${data.email}`); 
    }) 
    .catch(error => { 
    // Handle the error here in some way 
    console.log(error); 
    });