Почему на сервер не приходят cookie через getServerSideProps next.js?

Question

[keyotor]

Подскажите пожалуйста, почему на сервер не приходят cookie через getServerSideProps, вот код который на клиенте:

export async function getServerSideProps() {
  const res = await axios.get("http://localhost:5000/api/auth", {withCredentials: true});
  const data = await res.data;
  return { props: { data } }
}

на сервере у меня есть стратегия которая проверяет access jwt token

export class JwtStrategy extends PassportStrategy(Strategy, "jwt") {
    constructor() {
        super({
            ignoreExpiration: false,
            secretOrKey: "secret",
            jwtFromRequest: ExtractJwt.fromExtractors([
                (request: Request) => {
                    console.log(request.cookies) // [Object: null prototype] {}
                    let data = request.cookies['access'];
                    return data;
                }
            ]),
        });
    }

    async validate(payload: any){
        return payload;
    }
}

То есть когда я отправляю запрос через getServerSideProps, куки на сервер не приходят, хотя если отправить к примеру через useEffect то куки приходят нормально

Answer 1

[Corvuss]

Можно попробовать что-то в таком духе. Точно не ручаюсь, т.к. надо тестировать. Суть в том, что getServerSideProps работает на ноде, поэтому поведение отличается от запроса из useEffect, который делается на клиенте. И тут нужно получать куки из объекта http реквеста.

export async function getServerSideProps(ctx) {
  const res = await axios.get("http://localhost:5000/api/auth", {
    withCredentials: true,  
    headers: ctx.req ? { cookie: ctx.req.headers.cookie } : undefined 
  });

  const data = await res.data;

  return { props: { data } }
}

Comments

[keyotor]

Corvuss, действительно, получилось, а не могли бы вы помочь еще с кое чем, я еще использую axios interceptor для автоматического обновления access token'a

const axiosJWT = axios.create()
    axiosJWT.interceptors.response.use((config) => {
    return config;
  }, async (error) => {
    const originalRequest = error.config;
    if (error.response.status === 401 && error.config && !error.config._isRetry) {
      originalRequest._isRetry = true;
      try {
        await axios.post("http://localhost:5000/api/auth/refresh", {}, {withCredentials: true, headers: ctx.req ? {cookie: ctx.req.cookie} : undefined})
        return axios.request(originalRequest);
      } catch (e) {
        console.log(e)
      }
    }
    throw error;
   });

и получается мне нужно сделать запрос примерно вот так

const res = await axiosJWT.get("http://localhost:5000/api/auth", {
    withCredentials: true,
    headers: ctx.req ? { cookie: ctx.req.headers.cookie } : undefined
  });

то есть стоит перехватчик и если статус от access токена 401 то идет запрос на refresh token'a и вроде бы все ок, но как я понял и как вы сказали getServerSideProps работает на сервере, а новые токены которые пришли с запроса на refresh токен, они должны записаться на клиенте в куках, а из-за того что перехватчик работает внутри функци getServerSideProps куки которые пришли не перезаписываются на клиенте, как это можно решить? Буду очень вам признателен!)

[ddpp2]

keyotor, По итогу решили как-то эту проблему?