javascript - 我应该如何在 axios GET 请求中发送 JWT token ？

<分区>

我是 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))            
    },

问题是我不知道如何将 token 包含到请求 header 中。所以我收到 401 错误响应也就不足为奇了。

当我尝试的时候

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

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

我该如何解决？

最佳答案

Axios get() 请求接受两个参数。因此，除了 url 之外，您还可以将 JWT 放入其中。

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

在你的情况下 yourConfig 可能是这样的

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

您还可以在这里阅读关于您可以在您的配置中放置什么 https://github.com/axios/axios . 只需搜索“请求配置”

关于javascript - 我应该如何在 axios GET 请求中发送 JWT token ？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52292441/

上一篇：javascript - 如何在一台服务器上部署nodejs api和vuejs app

下一篇：vue.js - 指定一个 vue-cli vue.config.js 位置

相关文章：

express - 使用 mongoose + express.js 验证用户

Express.JS 获取 url 路径，无需任何附加参数

vue.js - 如何在 Nuxt.js 中设置 beforeResolve 导航守卫

javascript - Vue.js:v-for 循环反转 safari 中的顺序

javascript - 如何在同一个 app.get 函数中将 req.setHeaders 方法传递给 res.redirect 方法？

vue.js - vue js中如何访问window对象？

javascript - 使用 J2V8 从 .js 执行函数

javascript - AngularJS:toArray orderBy 不适用于键、值对上的 ng-repeat

javascript - 如何在 sass 文件中导入全局规则而不将其编译掉？

javascript - 通过 JS 使用 Azure ML Web 服务