• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 Next.js 게시판 aws 배포 후 jwt 로그인 이슈 질문드립니다.

aws 배포 후 jwt 로그인 이슈 질문드립니다.

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #102382
    안녕하세요
    선생님
    로컬환경에서 로그인 기능 확인하고 배포 후 사이트 나오는거 확인 하였습니다.
    그런데 로그인 성공하면 메인화면으로 돌아가게끔 callbackUrl: "/" 를 설정하였습니다.
    그런데 실제 배포 사이트에서 로그인하고 나면 localhost 주소로 넘어가는 이슈가 발생합니다.
    
    
    배포주소1
    배포주소 입니다.
    
    로그인화면
    로그인을 하고 난뒤
    로그인후로컬로...
    로컬환경으로 돌아가더군요...
    (여기서 로그인 하면 로컬에서도 로그인이 됩니다.)
    
    그런데 뒤로가기를 눌러서 배포 사이트를 가보면 로그인이 되어있는게 확인이 됩니다.
    배포주소로 돌아가면..
    
    
    로그인 화면을 커스텀하여 따로 만들었습니다.
    
    'use client'
    import Image from 'next/image'
    import Link from 'next/link'
    import { signIn } from 'next-auth/react'
    import signinRight from '/public/image/signin/signinRight.png'
    import kakaoIco from '/public/image/signin/kakao.png'
    import styles from '../../styles/api/signin.module.scss'
    import KakaoSignInButton from './kakaoSignInButton.js'
    export default function Signin() {
        const onSubmit = async (e) => {
            e.preventDefault();
            const email = e.target.email.value
            const password = e.target.password.value
            const result = await signIn("email-password-credential", {
                email,
                password,
                redirect: true,
                callbackUrl: "/"
            });
        }
        const [email, setEmail] = useState('')
        const [pw, setPw] = useState('')
        return (
            <main className={styles.signin}>
                <div className={styles.formBox}>
                    <h2>회원 로그인</h2>
                    <form onSubmit={onSubmit}>
                        <div className={styles.emailBox}>
                            <label htmlFor='email'>이메일</label>
                            <input id='email' className={styles.textInput} name='email' value={email} type='email' required placeholder="이메일을 입력하세요."
                            onChange={handleEmail}/>
                        </div>
                        <p className={styles.errText}>
                            {!eamilValid && email.length > 0 &&(
                                <span>올바른 이메일을 입력해주세요.</span>
                            )}
                        </p>
                        <div className={styles.pwBox}>
                            <label htmlFor='password'>비밀번호</label>
                            <input id='password' className={styles.textInput} name='password' value={pw} type='password' required placeholder="비밀번호를 입력하세요."
                            onChange={handlePassword}
                            />
                        </div>
                        <p className={styles.errText}>
                            {!pwValid && pw.length > 0 && (
                                <span>영문, 숫자, 특수문자 포함 최소 8자 이상 입력해주세요.</span>
                            )}
                        </p>
                        <div className={styles.checks}>
                            <div className={styles.checkZone}>
                                <input id='isSave' className='checkbox' type='checkbox'/>
                                <label className='checkbox' htmlFor='isSave'><i/>아이디 저장</label>
                                <input id='autoLogin' className='checkbox' type='checkbox'/>
                                <label className='checkbox' htmlFor='autoLogin'><i/>자동 로그인</label>
                            </div>
                            <div className={styles.signLinkZone}>
                                <Link href='/idsr'>아이디 찾기</Link>
                                <Link href='/auth/signup'>회원가입</Link>
                            </div>
                        </div>
                        <button disabled={notAllow} className={styles.loginBtn} type='submit'>로그인</button>
                        <Link className={styles.signupBtn} href='/auth/agreement'>회원가입</Link>
                    </form>
                    <KakaoSignInButton />
                </div>
                <Image src={signinRight} width="821" height="679" alt='로그인 오른쪽 신발 이미지'/>
            </main>
        )
    }
    
    #102393

    codingapple
    키 마스터
    env 파일에 NEXTAUTH_URL 같은거 잘 설정했나 확인합시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠