条纹检出错误

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时出错。了解你用onToken调用的内容会很有帮助。

请务必在提出请求时设置Content-Type和Accept标题为application/json：

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);
  });