如何为Fetch GET请求添加请求头？含身份验证Token示例

你的代码已经正确实现了给GET请求添加请求头的逻辑——核心就是在fetch的第二个配置参数中，通过headers字段定义需要携带的请求头信息，包括身份验证用的Token。

关键要点 #

• GET和POST请求添加请求头的方式完全一致，都是在配置对象的headers属性中设置键值对
• 身份验证Token的字段名需遵循后端约定：你代码里用的X-CSRF-TOKEN是常见的CSRF令牌字段，若后端要求JWT认证，通常会用Authorization: Bearer ${token}格式
• GET请求无需设置Content-Type：因为GET请求没有请求体，这个字段属于冗余配置，可以移除

优化后的代码示例 #

const token = '你的身份验证Token';

fetch('https://api.github.com/users/mralexgray/repos', {
  method: 'GET',
  headers: {
    "Accept": "application/json",
    "X-Requested-With": "XMLHttpRequest", // 修正原代码的拼写错误：Aequseted → Requested
    "X-CSRF-TOKEN": token
  }
})
.then(result => result.json())
.then(data => {
  // 处理返回的业务数据
  console.log(data);
})
.catch(err => {
  console.error('请求失败:', err);
});

额外注意 #

• 检查字段拼写：原代码里的X-Aequseted-With是拼写错误，会导致后端无法识别该请求头，务必修正
• Token安全：确保Token从安全渠道获取（比如后端接口返回），并通过localStorage或sessionStorage安全存储，避免明文泄露

内容的提问来源于stack exchange，提问作者Ali Ratel