如何在axios请求中传递标头?

时间:2020-05-22 18:30:14

标签: vue.js stripe-payments laravel-passport laravel-cashier

我正在尝试在Laravel和Vue js SPA中实现Laravel Cashier和Stripe Subscriptions。我正在使用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));
            },

知道什么是问题吗?

0 个答案:

没有答案