인프런 커뮤니티 질문&답변
작성한 질문수
server 배포 후 client 배포시 401 에러 발생
해결된 질문
작성
·
28
·
수정됨
0
안녕하세요 강사님~!
백엔드 서버 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
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 관련 문서에서 자세한 내용을 확인하시고 적용해 보세요.
관련된 유사한 해결 사례를 참고하실 수 있도록 답변 링크를 첨부합니다:
위의 방법들이 문제가 해결하는 데 도움이 되셨기를 바라며, 추가적인 질문이 있으시면 언제든지 남겨주세요. 곧 지식공유자님께서도 답변을 드릴 것입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.