axios 的不同响应取决于令牌

Question

我目前正在实现喜欢的功能。

所以，进入组件的时候，Axios get请求是用async created().

在邮递员中，axios 获取来自成员的请求和 axios 获取来自 non-members 的请求取决于令牌的存在与否。

如果我将令牌放入 header 并发出 axios get 请求，我会在我成为会员时发出 axios get 请求，如果我发出 axios get 请求而不放入令牌header，当我是 non-member.

时，我发出了 axios get 请求

如上，在postman中，axios get的响应是不同的，这取决于你是否将token放在header中。但是，在我的代码中，即使我在 header 中放入一个令牌并发出 axios get 请求，我发出 axios get 请求的后端日志输出为 non-member.

当我根据 non-member 和成员发出 axios get 请求时，如何获得不同的响应？

getHeart(state, payload) {
  const {id} = payload
  axios.get(`http://??.???.???.???:????/api/books/${id}/heart`, {
    headers: {
      Authorization: `Bearer` + localStorage.getItem('user-token')
    }
  })
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    console.log(err)
  })
}

我的axios获取代码是这样的

Answer 1

你的'Bearer'和token之间好像没有space，试试：

Authorization: `Bearer ` + localStorage.getItem('user-token')

甚至：

Authorization: `Bearer ${localStorage.getItem('user-token')}`

axios 的不同响应取决于令牌

Different response of the axios get depending on the token

get

response

vue.js

axios