包装 axios 并访问 redux 状态答案

【问题标题】：Wrap axios and access redux state包装 axios 并访问 redux 状态
【发布时间】：2016-06-09 05:51:20
【问题描述】：

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

最简单的方法是什么？

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

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

【问题讨论】：

有一些方法可以做到这一点，但我想问一下，你为什么想要该州的数据？
同意@MotiAzu 将这些数据保持在状态有点奇怪。你在使用 Webpack 吗？如果是这样，我可以提出一个替代解决方案。
是的，我正在使用 webpack。当然，如果你有更好的方法来做到这一点，我会全力以赴

标签： reactjs redux react-redux axios

【解决方案1】：

我决定不再将身份验证令牌放入 state 中，而是使用 react-cookie 放入 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}`}
        });
}

【讨论】：