2024-03-25T13:19:21.877Z

0

클라이언트 console.log

서버 console

이런식으로 나옵니다

1

그 콘솔이 코드 어느 부분인가요?

0

클라이언트는 signup.ts 이부분에서 출력이 되고 있습니다.

1

아뇨 여기 말고 authorize 함수요. auth.ts. 거기는 호출된다는 거 이미 알고 있습니다.

0

import NextAuth from "next-auth"
import CredentialsProvider from "next-auth/providers/credentials";

export const  {
  handlers: {GET,POST},
  auth,
  signIn,
} = NextAuth({
  pages: {
    signIn: '/i/flow/login',
    newUser: '/i/flow/signup',
  },
  providers: [
    CredentialsProvider({
      async authorize(credentials) {
        const authResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/login`, {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify({
            id : credentials.username,
            password : credentials.password,
          }),
        })

        if (!authResponse.ok) {
          return null
        }

        const user = await authResponse.json()


        return {
          email : user.id,
          name : user.name,
          image : user.image,
          ...user,
        }
      },
    }),
  ],
});

auth.ts에서는 특별하게 건든것이 없습니다..

1

제가 authorize에서 어디까지 실행되는지 콘솔로그 찍어보라고 한 이유는 거기서 문제가 있기 때문에 로그인이 안 되고있는 겁니다. signIn에서 안된다는 건 authorize 함수에서 에러가 나고있는 겁니다. fetch 전후로 콘솔로그 찍어보세요. authResponse.json() 뒤에도요

0

import NextAuth from "next-auth"
import CredentialsProvider from "next-auth/providers/credentials";
import {NextResponse} from "next/server";
import axios from 'axios'

export const {
  handlers: { GET, POST },
  auth,
  signIn,
} = NextAuth({
  pages: {
    signIn: '/i/flow/login',
    newUser: '/i/flow/signup',
  },
  providers: [
    CredentialsProvider({
      async authorize(credentials) {
        console.log("authorize function started");
        const authResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/login`, {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify({
            id: credentials.username,
            password: credentials.password,
          }),
        })

        console.log("fetch executed");

        if (!authResponse.ok) {
          console.log("authorization failed");
          return null
        }

        const user = await authResponse.json()
        console.log('user', user);
        
        return {
          email: user.id,
          name: user.nickname,
          image: user.image,
          ...user,
        }
      },
    }),
  ]
});

authResponse 이후의 console.log가 찍히질 않네요..

1

네 그럼 fetch가 문제라는 걸 확인한 겁니다.

process.env.NEXT_PUBLIC_BASE_URL이랑 credentials도 로그찍어보시고

백엔드 콘솔에도 에러 없는지 한 번 봐보세요.

1

모두 정상출력이 되는것 같습니다...

1

혹시 redis 설치하셨나요? 그리고 실행도 하셨나요?

https://www.inflearn.com/questions/1106838/npm-run-start-dev-%EB%AA%85%EB%A0%B9%EC%96%B4-%EC%8B%A4%ED%96%89%EC%8B%9C-error-connect-econnrefused-1-6379-%EC%97%90%EB%9F%AC-%EB%B0%9C%EC%83%9D

0

제가 mac을 사용하는데 게시해주신 링크에서 확인해보니 redis-server 를 따로 켜준 후 npm run start:dev를 켜는 것이였군요 ㅠㅠ 늦은시간까지 도움주셔서 감사합니다. 좋은하루 보내세요 :)

2024-03-25T13:16:43.602Z