如何將獲取發布請求發送到基於 API 密鑰的授權端點？

Question

I have a .netcore web API application with several endpoints and I have a simple UI built to access an endpoint with a button click using 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));