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