javascript - 如何将 fetch post 请求发送到基于 API key 的授权端点？

Question

我有一个带有多个端点的 .netcore Web API 应用程序，并且我有一个简单的 UI，用于通过单击按钮使用 javascript fetch API 访问端点。

 fetch('api/Sessions', {
        method: 'POST',
        headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(callData)
    })
    .then(response => response.text())
    .then((response) => updateResponse(response))
    .catch(error => console.error(error));
}

现在 Controller 中的 API 端点使用 API-KEY 进行身份验证， [ServiceFilter(typeof(AuthorizeKey))]我无法再从我的 UI 访问端点。如何更改 HTML/javascript 代码，以便将发布请求从我的 UI 发送到经过身份验证的端点？
谢谢

Answer 1

如果我错了，请纠正我。

fetch('api/Sessions', {
        method: 'POST',
        headers: {
            'X-API-KEY': 'apikey',
            'Accept': 'application/json',
            'Content-Type': 'application/json'
        },
        body: JSON.stringify(callData)
    })
    .then(response => response.text())
    .then((response) => updateResponse(response))
    .catch(error => console.error(error));