小能豆

在 Fetch API 中设置授权标头

javascript

我有一个 Node/Express 后端,我正在使用 React Client 使用该 API。我希望能够在用户注册后设置授权标头。这可确保后续请求随授权标头一起发送。

我可以在这里看到如何在 Axios 中完成,以及如何在这里获取授权标头

是否可以使用 Fetch API 来实现这一点以及如何实现?


阅读 42

收藏
2024-06-08

共1个答案

小能豆

var url = "https://yourUrl";
var bearer = 'Bearer ' + bearer_token;
fetch(url, {
        method: 'GET',
        withCredentials: true,
        credentials: 'include',
        headers: {
            'Authorization': bearer,
            'X-FP-API-KEY': 'iphone', //it can be iPhone or your any other attribute
            'Content-Type': 'application/json'
        }
    }).then(responseJson => {
        var items = JSON.parse(responseJson._bodyInit);
    })
    .catch(error => this.setState({
        isLoading: false,
        message: 'Something bad happened ' + error
    }));
2024-06-08