How can send deviceId or userId in header axios in next js SSR

Asked Aug 04 '21 at 07:50

Active Aug 05 '21 at 03:58

Viewed 230 times

I use NextJs and make several pages with SSR(server-side rendering) I have to send the userId to the server

At first, I realized I had to use a cookie

npm i js-cookie

but I use Redux-Saga and I call API in Redux Action For sending Cookie into Redux Action from the SSR page I use this code

export const getServerSideProps = wrapper.getServerSideProps(
  async ({ store, query, req }) => {
let cookie = req.headers.cookie;
store.dispatch(loadProductDetailData(`${id}`,cookie));
})

for export deviceId from the cookie, I make this function

export const getCookie = (cookie: string, key: string) => {
let value = ''
cookie.split(';').forEach((e) => {
    if (e.includes(key)) {
        value = e.split('=')[1]
    }
})
return value

}

I call this function

getCookie(cookie,'deviceId')

edited Aug 05 '21 at 03:58

asked Aug 04 '21 at 07:50

Seyed Kazem Mousavi

duplicate of https://stackoverflow.com/questions/43002444/make-axios-send-cookies-in-its-requests-automatically ? – E P Aug 04 '21 at 07:54
this is for serverside rendering – Seyed Kazem Mousavi Aug 04 '21 at 08:42
Are your `deviceId` and `userId` stored in cookies? How are you handling the `cookie` value passed to `loadProductDetailData` and where's the `axios` request? – juliomalves Aug 04 '21 at 21:48
yes, I stored it in the cookie. I add code for export deviceId – Seyed Kazem Mousavi Aug 05 '21 at 03:54

How can send deviceId or userId in header axios in next js SSR

0 Answers0