时间戳

首页 > 解决方案 > 如何在axios请求中传递标头？

vue.js - 如何在axios请求中传递标头？

问题描述

我正在尝试在我的 Laravel 和 Vue js SPA 中实现 Laravel Cashier 和 Stripe 订阅。我正在使用 Laravel Passport 和 jwt 进行身份验证。我在网上找到了一篇关于如何做到这一点的文章。

每当我单击“支付”按钮时，我都会收到401 Unauthorized错误消息，当我单击“网络”选项卡中的 URL 时，会出现错误unauthenticated。我认为问题是因为我'Authorization': 'Bearer '+auth.getAccessToken()在尝试访问这些路由时没有在标头中传递。

这是文章中的方法：

loadIntent(){
                axios.get('/api/v1/user/setup-intent')
                    .then( function( response ){
                        this.intentToken = response.data;
                    }.bind(this));
            },

这是我尝试过的，但这似乎不起作用：

loadIntent(){
                const headers = {
                    'Authorization': 'Bearer '+auth.getAccessToken(),
                };
                axios.get('/api/v1/user/setup-intent', {
                    headers: headers
                })
                    .then( function( response ){
                        this.intentToken = response.data;
                    }.bind(this));
            },

知道问题是什么吗？

标签： vue.jsstripe-paymentslaravel-passportlaravel-cashier

解决方案

推荐阅读