reactjs - 包装 axios 并访问 redux 状态

Question

我想将 axios 包装在一个实用程序函数中，以便我可以添加保存在 redux 状态中的基本 url 和身份验证令牌

最简单的方法是什么？

    export function qapi(){
    return axios.create({
      baseURL:  ${ROOT_URL} ,
      timeout: 1000,
      headers: {'Authorization': `Bearer ${this.props.auth_token}`}
    });
   }
   }

我现在如何将它连接到 redux 以便我可以访问 state 和 props？

Answer 1

我决定不再将身份验证令牌放在状态中，而是在 cookie 中，而不是使用 react-cookie

import axios from 'axios';
import config from 'config';
import cookie from 'react-cookie';
import _ from 'lodash';


export function qapi(){
    const ROOT_URL = config.api_url;
    const auth_token = cookie.load('auth_token');
    return axios.create({
          baseURL:  `${ROOT_URL}`,
          timeout: 5000,
          headers: {'Authorization': `Bearer ${auth_token}`}
        });
}