可以使用 sessionStorage 在前端进行 API-Header 的持久化,并且在每一次请求时从 sessionStorage 中读取 API-Header。
具体的解决方案如下:
sessionStorage.setItem('API-Header', JSON.stringify({ 'Authorization': 'Bearer ' + token, ... }));
const headers = JSON.parse(sessionStorage.getItem('API-Header')); fetch('https://example.com/api', { method: 'POST', headers: headers, body: body }).then(response => { ... });
这样,就可以在前端持久化 API 头部信息了,而不需要每一次请求都重新设置。
代码示例:
// 存储 API-Header sessionStorage.setItem('API-Header', JSON.stringify({ 'Authorization': 'Bearer ' + token, 'Content-Type': 'application/json' }));
// 发送 API 请求,读取 API-Header const headers = JSON.parse(sessionStorage.getItem('API-Header')); fetch('https://example.com/api', { method: 'POST', headers: headers, body: body }).then(response => { ... });