在 React webapp 中存储 api 键

Question

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

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

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

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;
});

在 React webapp 中存储 api 键

Store api key in react webapp

api

reactjs

axios