React 中的承载身份验证

Question

如何在 React 中使用带有 superagent 的承载身份验证？ 我不确定语法，也找不到示例。

我现在应该做什么

 showTransactionList = () => { superagent .post('http://193.124.114.46:3001/api/protected/transactions') .set({'Authorization': 'Bearer ' + this.state.id_token}) .accept('application/json') .then(res => { const posts = JSON.stringify(res.body); console.log(posts); }) .catch((err) => { console.log(err); throw err; }); }

谢谢！

Answer 1

设置标题的方式是提供标题项目名称和值，请尝试：

showTransactionList = () => {
    superagent
        .post('http://193.124.114.46:3001/api/protected/transactions')
        .set('Authorization', 'Bearer ' + this.state.id_token)
        .accept('application/json')
        .then(res => {
            const posts = JSON.stringify(res.body);
            console.log(posts);
        })
        .catch((err) => {
            console.log(err);
            throw err;                    
        });
}

因此，不要在标头中设置对象，而是将其作为 2 个参数（名称、值）传递。

Answer 2

而不是设置完整的标题

.set({'Authorization': 'Bearer ' + this.state.id_token})

您可以使用

.auth(this.state.id_token, { type: 'bearer' })

Answer 3

尝试使用.auth('Bearer', this.state.id_token) http://visionmedia.github.io/superagent/#authentication