javascript - 使用 Fetch 的 WordPress REST API 身份验证

Question

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

403: Cookie Nonce is Invalid

我正在使用以下脚本连接到 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 方法中发送 header 的方式是否可能存在问题？

Answer 1

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

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

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