我应该如何在 axios GET 请求中发送 JWT 令牌？ [复制]

Question

我是 Vue.js 新手，想在组件中向受限 api 发出请求：

  computed: {
    token () {
      return this.$store.getters.getToken; 
    },
   ...

created () {
         axios
        .get( this.BASE_URL + '/profile/me')
        .then( res => {
                    this.profile = res.data;
                    console.log('profile is:', res.data);

          })
          .catch(error => console.log(error))            
    },

问题是我不知道如何将令牌包含到请求标头中。所以毫不奇怪，我得到401 错误响应。

当我尝试时

axios.defaults.headers.common['Authorization'] = this.token;

在获取请求之前，我在服务器日志中收到OPTIONS /profile/me 而不是GET /profile/me。

我该如何解决？

Answer 1

axios get() 请求接受两个参数。所以，除了url，你也可以把JWT放进去。

axios.get(yourURL, yourConfig)
.then(...)

在您的情况下，yourConfig 可能是这样的

yourConfig = {
   headers: {
      Authorization: "Bearer " + yourJWTToken
   }
}

您还可以在https://github.com/axios/axios 阅读有关可以在配置中添加的内容。 只需搜索“请求配置”

Answer 2

这对我有用，试试看 -

let JWTToken = 'xxyyzz';
 axios
    .get(this.BASE_URL + '/profile/me', { headers: {"Authorization" : `Bearer ${JWTToken}`} })
    .then(res => {
       this.profile = res.data;
       console.log('profile is:', res.data);
      })
      .catch(error => console.log(error))