How do I create a cookie after a response from the server? react

Question

I have a request for authorization to the server:

axios
    .post(
      "http://localhost:5000/api/auth/sign-in",
      { ...values },
    )
    .then((res) => {
      const { token } = res.data;
     //there I need to save coookie with token that came from server
    })

after successful authorization, the server sends the token, how can I save this token in the cookie with the httpOnly flag?

You can use [react-cookie](https://www.npmjs.com/package/react-cookie) package. It's very simple to work with. — Nima Ebrazeh, Sep 12 '21 at 15:05
Does this answer your question? [How can I set a cookie in react?](https://stackoverflow.com/questions/39826992/how-can-i-set-a-cookie-in-react) — Tushar Gupta, Sep 12 '21 at 15:06

Viet · Answer 1 · 2021-09-12T15:31:25.700

0

You can use universal-cookie package to do this: https://www.npmjs.com/package/universal-cookie

import Cookies from 'universal-cookie';
 
const cookies = new Cookies();

...

.then((res) => {
  const { token } = res.data;
 cookies.set('token', token , { httpOnly: true, path: "/" });
})

edited Sep 12 '21 at 15:31

answered Sep 12 '21 at 15:03

Viet

12,133
2
15
21

for some reason the cookie is not saved – rejs Sep 12 '21 at 15:14
How do you know it not saved? – Viet Sep 12 '21 at 15:19
when the cookie is saved I see that I am logged in and in the cookies tab it is not visible that the cookie is saved – rejs Sep 12 '21 at 15:24
do you know why cookie don't want to save? – rejs Sep 12 '21 at 15:31
You can add `path` to make sure all page in your app can use this cookie – Viet Sep 12 '21 at 15:32
i did like this: cookies.set("token", token, { path: "/", httpOnly: true }); But it doesn't save – rejs Sep 12 '21 at 15:34
but without httpOnly it saved, but i need to save it with httponly – rejs Sep 12 '21 at 15:34
only the server can access the cookie. The client is not – Viet Sep 12 '21 at 15:37

How do I create a cookie after a response from the server? react

1 Answers1