小编eRo*_*odY的帖子

为每个fetch()请求设置默认标头

是否可以使用fetch API为每个请求设置默认标头?
我想要做的是Authorization每当有一个json web令牌时设置一个标题localStorage.我目前的解决方案是使用此功能设置标头:

export default function setHeaders(headers) {
    if(localStorage.jwt) {
        return {
            ...headers,
            'Authorization': `Bearer ${localStorage.jwt}`
        }
    } else {
        return headers;
    }
}
Run Code Online (Sandbox Code Playgroud)

在获取请求中设置标题将如下所示:

return fetch('/someurl', {
        method: 'post',
        body: JSON.stringify(data),
        headers: setHeaders({
            'Content-Type': 'application/json'
        })
    })
Run Code Online (Sandbox Code Playgroud)

但必须有更好的方法来做到这一点.我正在开发一个React/Redux/Express应用程序,如果有任何帮助的话.

authorization express reactjs redux fetch-api

23
推荐指数
4
解决办法
1万
查看次数

标签 统计

authorization ×1

express ×1

fetch-api ×1

reactjs ×1

redux ×1