如何将 Authorization : "JWT <token>" 添加到 http 请求？在 Nuxt.js

Question

我正在使用 Nuxtjs 和 nuxtauth 进行开发。

我正在尝试将内容“JWT”提供给 http 请求的授权。

但是，即使我更改了编码给出的字符串，“Bearer”仍被发送，我收到 401 错误。

在控制台可以看到形成的文本（包括JWT）

过程如下

<template>
  <div>
    <button @click="getUserInfo">get user data</button>
    <div>
      {{ responseData }}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      pretoken: this.$auth.strategy.token.get(),
      responseData: {}
    };
  },
  methods: {
    async getUserInfo() {
      const url = "/server/v1/mypages/";
      const pretoken = this.pretoken;
      const fixedtoken = pretoken.replace("Bearer", "JWT");
      console.log(fixedtoken);
      this.$axios.setHeader("Authorization", fixedtoken);
      this.responseData = await this.$axios.get(url);
    }
  }
};
</script>

我怎样才能做到这一点？

Answer 1

尝试下面的代码，它应该有效

const config = { headers: { 'Authorization': fixedtoken } };
this.responseData = await this.$axios.get(url, config);

如何将 Authorization : "JWT <token>" 添加到 http 请求？在 Nuxt.js

how can i add Authorization : "JWT <token>" to http request ? in Nuxt.js

jwt

authorization

nuxt.js

bearer-token

nuxt-auth