react.js / axios-如何在cookie中存儲csrf令牌

Question

我正在為我的班級做一個項目，我們需要做一個安全的登錄功能..我以前沒有做過的事情..我試圖將csrfToken存儲在標頭中，以便將其顯示為我的會話令牌在Cookie中，但我不確定我做對了。如果有人可以提供幫助，我將非常感激。 我知道這可能很容易解決，但我到處都沒有看到。

getToken = () => {

    axios({
        method: 'get',
        url: '/csrf',
        timeout: 1000,
        headers: 'csrf-token'
    }).then(csrfToken => {
        console.log(csrfToken);
        this.setState({ accessGranted: true })
    }).catch(err => console.log(err));
}

我在控制台中收到響應，但未將其存儲在cookie中。

Answer 1

您可以使用react-cookies：

import cookie from 'react-cookies'

然后像這樣保存您的cookie：

cookie.save('csrftoken', csrfToken);

然后，您可以隨時使用它。