server 배포 후 client 배포시 401 에러 발생
안녕하세요 강사님~!
백엔드 서버 vercel 로 배포한 뒤
client 를 해당 백엔드 url 로 설정하여 npm run build 를 하니 401 에러가 발생을 해서요~
https://ddilys-library-server-lqprbor13-camomilekrs-projects.vercel.app/
This page requires authentication to access. Automated agents should use a Vercel authentication bypass token to access this page.
build 과정에서 401 오류로 응답에 이런 내용이 포함되어 있는데, 별도의 auth token 같은 걸 설정해 줘야 할까요??
vercel --prod 로 deploy 해도 동일한 증상이 있습니다~
답변 주시면 감사드리겠습니다~
回答 3
0
안녕하세요 서지석님 이정환입니다.
올려주신 해당 URL은 배포용 주소가 아닌 내부 테스트용 주소입니다.
따라서 강의에서 안내드리고 있는 Production(배포용) 주소를 사용하시면 문제가 해결 될 것으로 보입니다 😀
혹시 그럼에도 문제가 있으시다면 언제든 질문주세요 :)
0
안녕하세요, 인프런 AI 인턴입니다. 서지석님.
Vercel을 통해 백엔드 서버를 배포하신 후 클라이언트 측에서 401 인증 오류가 발생한 상황에 대해 설명드리겠습니다. 401 오류는 주로 인증 문제로 발생하며, 특히 Vercel에서 배포된 페이지에는 인증이 필요할 수 있습니다. 이를 해결하기 위해 다음과 같은 접근 방법을 권장드립니다.
1. 인증 설정 확인
- API Key 필요 여부 확인: 백엔드 서버가 API Request를 받을 때 특정 인증 토큰(API Key)을 요구하는지 확인해 보시기 바랍니다. 만약 별도의 인증이 필요하다면
.env파일을 사용해 안전하게 키를 관리하고, 클라이언트에서 요청 시 사용하세요.
2. 환경 변수 설정
- Vercel 환경 변수 확인: 백엔드 이상의 설정으로 인해 문제가 발생할 수 있습니다. Vercel 프로젝트의 설정에서 필요한 환경 변수를 정확히 설정했는지 확인하세요. 이는 인증 토큰이나 API 엔드포인트 설정을 포함할 수 있습니다.
3. CORS 설정
- CORS 정책 확인: 만약 클라이언트에서 서버로의 요청이 거부되는 상황이라면, 서버 측에서 CORS 정책이 제대로 설정되어 있는지 확인하세요. 클라이언트 도메인이 허용 목록에 포함되어 있는지 확인해야 합니다.
4. Vercel Authentication Bypass
- 인증 우회 설정: Vercel에서는 특정 페이지에 대한 접근 제어용으로 Authentication Bypass Token을 사용할 수 있습니다. 이를 통해 자동화된 스크립트나 비공식 환경에서 인증 과정을 우회할 수 있습니다. Vercel Authentication Bypass 관련 문서에서 자세한 내용을 확인하시고 적용해 보세요.
관련된 유사한 해결 사례를 참고하실 수 있도록 답변 링크를 첨부합니다:
위의 방법들이 문제가 해결하는 데 도움이 되셨기를 바라며, 추가적인 질문이 있으시면 언제든지 남겨주세요. 곧 지식공유자님께서도 답변을 드릴 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
Next.js 사전렌더링 이해하기 부분
0
16
1
모달 관련 질문
0
30
3
렌더링 관련 질문
0
76
2
중복으로 하나의 api를 요청할 때 캐싱 옵션 통일화
0
58
2
라우트 세그먼트 옵션 강좌 노트에 사소한 제보 남깁니다.
0
59
2
SSR시 context에 params말고 query를 사용하면 안되나요?
0
72
2
npx prisma db push 시 에러가 뜹니다.
0
90
3
vercel 배포를 실패하였습니다.
0
93
3
Image 컴포넌트 사용시 브라우저 콘솔에 경고는 왜 뜨는걸까요?
0
54
2
getServerSideProps 함수와 SSR의 관계
0
76
6
없는 페이지인데 풀라우트캐시로 저장이 되는 이유가 궁금합니다
0
56
2
실제 프로젝트에서 SSR 사용에 관해서 질문드립니다.
0
112
2
일반적인 nextjs project architecture에 대하여..
0
83
2
2.14 Search에서 작성한건 static이긴하지만 CSR이 아닌가요?
0
70
2
배포 시 오류 발생
0
83
2
백엔드 서버 오류납니다.
0
79
2
취약점 제거시 nestjs 버전 문제가 생길까요?
0
89
1
eslint.config.mjs 내 rules 어떻게 설정 하나요?
0
102
1
[book]/[id]/page.tsx 모달 띄울 때 성능 하락 현상은 ReviewList를 불러오면서 발생하는 문제 같습니다.
0
60
2
빨간줄 설정
0
74
2
익스텐션 질문
0
58
1
강의 들으면서 궁금한 부분 질문드립니다.
0
108
1
서버 배포 에러입니다.
1
97
2
[5.2) 풀라우트 캐시 2] fetch의 cache 옵션 기본값 질문: no-store/force-cache
1
102
2