Почему не срабатывает getServerSideProps?

Question

[lookingfor2]

Если делать предварительный запрос через getInitialProps, я получаю данные с запроса и могу передать в компонент, но
getServerSideProps не срабатывает, делаю как в доках, почему не работает?

import React, {useEffect} from "react";
import {apiGetApplication} from "../../src/services/Api";
import {withIronSession} from "next-iron-session";

function ProfileCom({user}) {
  useEffect(() => {
    apiGetApplication().then(r => console.log(r.data, "front"));
  }, []);
  console.log(user, "back");


  return (
    <section className="offer-accepted__wrapper">
      <p>
        {JSON.stringify(user)}
      </p>
    </section>
  );
};

// ProfileCom.getInitialProps =  async () => {
//   const options = {
//     method: "GET",
//     headers: {
//       "Content-Type": "application/json",
//       "Accept": "application/json"
//     }
//   };
//
//
//   // const response = await fetch("http://rc.webdb.dengisrazy.ru/ds/v1/applications", options)
//   const response = await fetch('https://jsonplaceholder.typicode.com/users/1')
//   const user = await response.json()
//   console.log(response)
//
//   return {
//     user
}
// };

export async function getServerSideProps() {
  const response = await fetch("https://jsonplaceholder.typicode.com/users/1");
  const user = await response.json();
  console.log(response);
  return {props: {user}};
}

export default ProfileCom;

Comments

[Валерий]

В чем именно проблема? У вас user === undefined в пропсах?

[lookingfor2]

Валерий, добрый вечер, да и еще если делать лог, то в терминале node не показывает что запрос был, то есть эта функция даже не запускается

export async function getServerSideProps() {
  const response = await fetch("https://jsonplaceholder.typicode.com/users/1");
  const user = await response.json();
  console.log(response, "ответ с апи");
  return {
    user
  }
}

[Валерий]

Находиться ли ваш файл в папке pages?

[black1277]

Я вот не вижу где должна запускаться getServerSideProps Вижу в комментах getInitialProps , но это ведь другая функция?

[lookingfor2]

black1277, я не понимаю, физически она не может запуститься, но в доках так
https://nextjs.org/docs/basic-features/data-fetchi...

[Валерий]

lookingfor2, Единственное, что приходит в голову, это то, что вы пытаетесь ее вызвать не из page компонента

[lookingfor2]

Валерий, вы правы, спасибо !

[lookingfor2]

Валерий, файл должен находится в папке pages

Answer 1

[Валерий]

Единственное, что приходит в голову, это то, что вы пытаетесь ее вызвать не из page компонента