how to remake this nuxt code to next.js?(CSR)

Unanswered

Mandarin fish posted this in #help-forum

Mandarin fishOP

2024-01-01T15:35:41.000Z

I need to redo this code from nuxt to next.js to send request with session, in nuxt I used the code provided below but in next there is no useRequestHeaders is there any altarnative for CSR?

Code:

headers: useRequestHeaders(["cookie"]), withCredentials: true

P.S: im using axios for requests

29 Replies

@Mandarin fish I need to redo this code from nuxt to next.js to send request with session, in nuxt I used the code provided below but in next there is no useRequestHeaders is there any altarnative for CSR? Code: js headers: useRequestHeaders(["cookie"]), withCredentials: true P.S: im using axios for requests

Anay-208

2024-01-01T16:37:06.000Z

Let me help you with this.

Anay-208

2024-01-01T16:37:33.000Z

its best to use fetch api with nextjs. still I'll give you solution

if I'm right, you want to send cookies along with the request, right?

@Anay-208 if I'm right, you want to send cookies along with the request, right?

Mandarin fishOP

2024-01-01T16:38:01.000Z

yes

@Mandarin fish yes

Anay-208

2024-01-01T16:38:57.000Z

with axios it should be like this:

import axios from 'axios';

axios({
  method: 'post',
  url: `${window.location.origin}/api`,
  data: formData,
  withCredentials: true, // this line
})

@Anay-208 with axios it should be like this: js import axios from 'axios'; axios({ method: 'post', url: `${window.location.origin}/api`, data: formData, withCredentials: true, // this line })

Mini Lop

2024-01-01T16:39:30.000Z

we already using withCredentials

but sessions on backend not saving

@Mini Lop but sessions on backend not saving

Anay-208

2024-01-01T16:40:51.000Z

are you sure it hasn't been sent in the backend? try console.logging request.cookie

which backend are you using?

@Anay-208 which backend are you using?

Mini Lop

2024-01-01T16:41:36.000Z

we using express.js on backend

i think you dont understand me

Anay-208

2024-01-01T16:42:20.000Z

if I'm right, you're using withCredentials property, and credentials are not reaching in the backend, right?

@Anay-208 if I'm right, you're using withCredentials property, and credentials are not reaching in the backend, right?

Mini Lop

2024-01-01T16:44:49.000Z

After authorization, a session is created on the backend. And I don't know how to make it so that when a second request is made to the backend, where this session is required, it is taken into account

I using translator and i can write wrong

in nuxt we used headers: useRequestHeaders(["cookie"]), withCredentials: true, but in next we dont know how save sessions?

@Mini Lop After authorization, a session is created on the backend. And I don't know how to make it so that when a second request is made to the backend, where this session is required, it is taken into account

Anay-208

2024-01-01T16:53:22.000Z

Can you send your back end code?

@Anay-208 Can you send your back end code?

Mini Lop

2024-01-01T16:56:59.000Z

we have no troubles with backend

if I login from browser in backend, all is normal

we cant use backend sessions from frontend

@Mini Lop we cant use backend sessions from frontend

Anay-208

2024-01-01T17:32:16.000Z

Thatâ€™s why Iâ€™m asking a small part of backend code, where sessions are being checked

@Mini Lop we have no troubles with backend

Anay-208

2024-01-01T17:51:00.000Z

or answer my 1 question. in backend, are you checking session data in the header?

@Anay-208 Thatâ€™s why Iâ€™m asking a small part of backend code, where sessions are being checked

Mini Lop

2024-01-02T09:31:46.000Z

/api/get/sesssion

exports.getUserSession = async (req, res) => {
    try {
        if (req.session.user) {
            const session = req.session.user;

            return res.status(200).json({
                "session": session
            });
        } else {
            return res.status(200).json({
                "session": null
            });
        }
    } catch (error) {
        console.log(error.stack);
        return res.status(500).json({
            "error": "ÐžÑˆÐ¸Ð±ÐºÐ° ÑÐµÑ€Ð²ÐµÑ€Ð°"
        })
    }
}

in /api/login/callback im using

      req.session.user = user;

for create session

When i visit this api page from browser and i have session, api return to me my session

If i visit this api page from browser and i have not session, api return to me {session:null}

but in frontend api always return {session:null}

Authorization works, and I'm 100 percent sure of that because I can authorize through the frontend

Mini Lop

2024-01-03T04:33:14.000Z

Fixed.

@Mini Lop Fixed.

Anay-208

2024-01-03T07:20:40.000Z

Can you send the solution, and mark that message as solution?