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

多尔

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

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

但是,即使我更改了要通过编码给出的字符串,也会发送“Bearer”并收到 401 错误。

调用 mypages API 失败

可以在控制台中看到形成的文本(包括 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>

我怎样才能做到这一点?

狂热

试试下面的代码,它应该可以工作

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

狂饮HTTP-将Authorization标头直接添加到请求中

如何将 Phylotree.js 添加到 nuxt?

Node.js + express 如何将字符串添加到请求 url 中?

如何将数据添加到http请求

将`Authorization Bearer`哈希添加到Net :: HTTP发布请求(Ruby)

角度-如何将可观察的访问令牌添加到传出的HTTP请求中?

Angular HTTP请求将端口4200添加到我的每个请求中

将HTTP请求添加到.NET中的多部分/混合请求

如何在Angular2中将Headers添加到http.get请求?

如何使用http请求中的数组将动态输入字段添加到角度形式

如何将客户端脚本添加到Nuxt.js?

TypeError:无法使用NUXT 2.4.5将模块名称空间属性'_nuxtConfigFile'添加到nuxt.config.js中

请求模块node.js:如何将查询添加到GET请求?

如何将 JSON 字符串添加到 HTTP 请求标头?

如何将授权标头添加到Angular http请求?

如何将查询参数添加到Dart http请求?

将授权标头添加到http请求时,cURL中的-u是什么

快速发送HTTP请求中的数值,将000000000000001添加到实际值

使用C#将数组添加到HTTP请求URI中的任何方法?

将js文件添加到nuxt配置

将cookie添加到节点JS中的get请求中的响应对象?

哈希添加到POST http请求中

如何扩展nuxt.config.js以将手写笔加载器和CSS加载器添加到我的nuxt应用程序中?

我们如何将 TDL 代码添加到 Tally XML 请求中

如何将身份验证标头添加到axios挂钩请求中?

如何将原始数据主体添加到axios请求中?

如何将NSDictionaries的NSArray添加到AFJSONRequestSerializer请求中?

如何将另一个文件添加到我的请求中?

如何将 json 正文添加到我的 axios 发布请求中?