如何在localStorage中检索数据以便在axios请求标头中调用?

时间:2019-09-20 14:23:14

标签: reactjs axios postman

这是我的axios,如何在localStorage中检索数据以便我在axios请求标头中调用?

例如,我想获取/发布数据到邮递员,但是我们需要一个标头来获取数据:

import axios from 'axios'

export default axios.create({
  baseURL: 'http://forexample/api',
  headers: {
    'timeout' : 30000,
    'APP_TOKEN': 'forexampe',
    'USER_TOKEN': JSON.parse(localStorage.getItem('data').data.DATA.TOKEN)
  }
})

这是我将使用标头发送给邮递员的数据请求

async componentWillMount(){
    await API.post('url/api', this.state)
    .then((response)=> {
      let responJSON = response
    })
    console.log(this.state)
  }

如何检索本地存储中的数据以供我在axios请求标头中调用?

例如,我想获取/发布数据到邮递员,但是我们需要一个标头来获取数据

这是我将使用标头发送给邮递员的数据请求

1 个答案:

答案 0 :(得分:0)

来自docs

  

键和值都是始终为字符串(请注意,与对象一样,整数键将自动转换为字符串)。

因此未获得预期结果的原因是您正在尝试访问嵌套数据,就像它是一个真正的JS对象一样。这似乎与如何存储数据(而不是如何访问数据)有关,因为您使用的localStorage.getItem('myKey')语法最终是正确的。您要做的是仅将要访问的单个值作为自己的显式键存储在localStorage对象中,并在getItem调用后删除所有的点符号。 / p>