如何为ag-grid的数据请求添加Authorization授权头

ag-grid 完全支持在数据请求时携带 Authorization: Bearer <token> 格式的自定义鉴权头，你可以通过以下两种方式实现需求：

方案1：直接使用 simpleHttpRequest 传入headers配置 #

官方提供的 simpleHttpRequest 接收的是完整配置对象，并非仅支持传入url参数，你可以直接在配置中添加headers字段自定义请求头：

const gridOptions = {
  columnDefs: [/* 你的列定义 */],
  datasource: {
    getRows: async (params) => {
      const response = await agGrid.simpleHttpRequest({
        url: '你的业务接口地址',
        // 自定义请求头
        headers: {
          'Authorization': 'Bearer 替换为你的实际JWT Token'
        }
      });
      params.successCallback(response, response.totalCount || response.length);
    }
  }
}

方案2：自定义请求逻辑（更灵活，推荐） #

simpleHttpRequest 本质只是ag-grid封装的轻量请求工具，并非拉取数据的唯一实现方式。如果你的请求需要额外配置（比如超时处理、POST传参、自定义错误逻辑等），可以直接用fetch、axios等任意你熟悉的请求库发起请求，拿到数据后赋值给ag-grid即可：

// 以fetch为例
fetch('你的业务接口地址', {
  method: 'GET',
  headers: {
    'Authorization': 'Bearer 替换为你的实际JWT Token',
    'Content-Type': 'application/json'
  }
})
.then(res => res.json())
.then(data => {
  // 将请求到的数据赋值给表格
  gridOptions.api.setRowData(data);
})
.catch(err => {
  // 自行处理请求异常
  console.error('数据加载失败：', err);
});

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