在反应 webapp 中存储 api 密钥

Question

我的 React Web 应用程序使用 axios 发出 API 发布请求。 API 需要为每个发布请求提供一个名为 token 的参数。

有没有办法总是为我所做的每个发布请求添加令牌参数，这样我就不必每次都手动添加它，以及将此令牌保存在安全位置的何处？

我觉得我现在做的有点多余。示例：

axios.post('apiUrl.com', {
  token: 'abcdefg12345678',
  userId: 1
}).then(() => {//do something});

Answer 1

使用axios interceptors。如果添加请求拦截器，则可以对每个请求进行更改（添加令牌）：

axios.interceptors.request.use(function(config) {
    config.data = config.data || {};
    config.data.token = 'abcdefg12345678';
    return config;
});