jwt - 我如何添加授权：“JWT“到 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);