javascript - react.js/axios - 如何在 cookie 中存储 csrf token

Question

我正在为我的类(class)做一个项目，我们需要制作一个安全登录功能..这是我以前没有做过的事情..我试图将 csrfToken 存储在 header 中，因此它显示为我的 session token 在 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);

然后您可以随时使用它。