Reactjs 如何在localStorage中检索数据，以便在axios请求头中调用？

这是我的

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)
  }

如何在localstorage中检索数据，以便在axios请求头中调用

例如，我想获取/发布数据给邮递员，但我们需要一个标题来获取数据

这是一个数据请求，我将使用标题发送给邮递员，标题来自：

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

键和值总是字符串（注意，与对象一样，整数键将自动转换为字符串）

因此，您没有得到预期结果的原因是您试图访问嵌套数据，就好像它是一个真实的JS对象一样。这似乎与如何存储数据有关，而不是与如何访问数据有关，因为您使用的

localStorage.getItem（'myKey'）

语法最终是正确的。您要做的是只将要访问的单个值作为其自己的显式键存储在localStorage对象中，并在调用

getItem

后删除所有的点符号