Question

我想在实用程序函数中包含axios，以便我可以添加以redux状态保存的基本URL和auth令牌

最简单的方法是什么？

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

我现在如何将此连接到redux以便我可以访问状态和道具？

Answer 1

我已决定不再将auth令牌置于状态，而是使用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}`}
        });
}

包裹axios并访问redux状态

1 个答案: