使用 Fetch 的 WordPress REST API 身份验证

Question

我正在尝试使用Fetch API对 WordPress REST API 访问使用cookie 身份验证，但是身份验证失败并出现以下错误。

403：Cookie Nonce 无效

我正在使用以下脚本连接到 API。

const headers = new Headers({
   'Content-Type': 'application/json',
   'X-WP-Nonce': WPAPI.nonce
});  

fetch(WPAPI.root + 'my-endpoint/upload/', {
    method: 'POST',
    headers: headers,
    body: JSON.stringify(data)
})

当我从使用 Fetch 切换到XMLHttpRequest 时，它按预期工作。

let request = new XMLHttpRequest();
request.open('POST', WPAPI.root + 'my-endpoint/upload/', true);
request.setRequestHeader('X-WP-Nonce', WPAPI.nonce);
request.setRequestHeader('Content-Type', 'application/json');
request.send(JSON.stringify(data));

在 Fetch 方法中发送标头的方式是否可能存在问题？

Answer 1

WordPress nonce 身份验证需要使用 cookie，默认情况下 Fetch 不会发送这些。您可以使用凭证选项来完成这项工作：

fetch(endpoint, {
  credentials: 'same-origin'
})

https://github.com/github/fetch#sending-cookies