Javascript React Auth:Bearer未定义（401未授权）

我使用的是reactJs，当我试图将授权头从我的登录页面传递到我的主页时，我得到一个401 unauthorized

Authorization:Bearer undefined

这是我的index.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import axios from 'axios';

axios.defaults.baseURL= 'https://here.herokuapp.com/'
axios.defaults.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('auth_token')


ReactDOM.render(
 
    <App />
 ,
  document.getElementById('root')
);

---

我发现我的控制台结构是

res.data.data.auth_-token

而不是

res.data.auth_-token

作为起点，您可以在本地存储中设置令牌之前记录它，如果设置了，检查本地存储，在获取令牌时记录它。在我的登录页面中，我可以使用console.log（res.data），但是当我键入console.log时（res.data.auth_标记）其未定义

axios.post("api/auth/login",data)
        .then(res => {
           localStorage.setItem('auth_token',res.data.auth_token)
           this.setState({
               loggedIn:true
           })