pureadmin请求问题

Question

pureadmin框架中遇到的问题，我获取到了token，但是发送请求时，请求头的token为undefined，我试过直接在请求拦截器中去修改，但是还是不行，有没有用过的大佬知道这是什么情况？

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

问题分析： 从截图中可以看出，获取到了token，但是发送请求时，请求头的token为undefined。尝试在请求拦截器中修改，但是仍然没有效果。因此，可能的原因是获取token的方式不正确或者设置请求头的方式不正确。 解决方案：

1. 确认获取token的方式是否正确，可能是在获取token后没有将其保存下来，导致后续请求时无法正确引用。示例代码：

axios.post('login', {username: 'xxx', password: 'xxx'})
  .then(response => {
    const token = response.data.token
    localStorage.setItem('token', token) // 存储token
  })

1. 确认设置请求头的方式是否正确，可以通过在请求拦截器中设置Authorization头来解决。示例代码：

axios.interceptors.request.use(config => {
  const token = localStorage.getItem('token')
  if (token) {
    config.headers.Authorization = `Bearer ${token}`
  }
  return config
})

1. 确认请求头中的字段名是否正确，一些框架或服务端可能要求使用不同的字段名来设置token，需要与后端确认。例如，可能需要使用'x-access-token'字段来设置token。示例代码：

axios.interceptors.request.use(config => {
  const token = localStorage.getItem('token')
  if (token) {
    config.headers['x-access-token'] = token
  }
  return config
})

参考文献： 1. axios官方文档 2. pureadmin模板的GitHub仓库