JavaScript의 Fetch API를 사용하여 '토큰 API'를 성공적으로 검색하는 방법을 알아보십시오. 인증 문제 해결에 대한 명확한 안내서! ---이 비디오는 https://stackoverflow.com/q/64223029/ 사용자가 'scorval'(https://stackoverflow.com/u/12118119/)에 의해 질문 한 질문과 https://stackoverflow.com/a/64223509/에 대한 질문을 기반으로합니다. '스택 오버 플로우'웹 사이트에서 https://stackoverflow.com/u/3202440/). 이 훌륭한 사용자와 StackexChange 커뮤니티 덕분에 공헌에 감사드립니다. 대체 솔루션, 주제, 의견, 개정 내역 등의 대체 솔루션, 최신 업데이트/개발과 같은 원본 콘텐츠 및 더 자세한 내용은 이러한 링크를 방문하십시오. 예를 들어, 질문의 원래 제목은 다음과 같습니다. CC BY-SA BY-SA https.//META.HTTPS.COM.HELP/LICENSIGNED IS 'IS SA (Licensed Is-sat is is is is is is is) (https://creativecommons.org/licenses/by-sa/4.0/) 라이센스 및 원본 답변 게시물은 'CC Bysa 4.0'(https://creativecommons.org/licenses/by-sa/4.0/) 라이센스에 따라 라이센스가 부여됩니다. 당신에게 어떤 것이 보이면, vlogize [at] gmail [dot] com에서 저를 보내 주시기 바랍니다. --- Fetch와 함께 토큰 API를 얻는 방법 : 단계별 가이드 인증이 필요한 API에 액세스하려고 시도한 경우, 요청을하는 데 필요한 토큰을 얻는 데 얼마나 어려운지 알고 있습니다. 한 가지 일반적인 상황은 JavaScript의 Fetch API를 사용하여 "Ile de France Mobilité"와 같은 서비스에 대한 토큰을 검색하는 것입니다. 이 안내서에서는 401 무단 오류와 같은 일반적인 함정을 피하기 위해 Fetch 통화를 올바르게 구성하는 방법에 중점을 두어 문제를 단계별로 해결합니다. 귀하의 경우 문제를 이해하면 OAUTH 2.0을 사용하여 인증하려고 시도하고 Fetch 요청을 설정했습니다. 그러나 401 무단 상태 코드를 받고 있습니다. 이는 잘못된 인증 자격 증명으로 인해 서버가 귀하의 요청을 거부하고 있음을 의미합니다. 이것은 당신이 보내는 신체의 형식에 문제가있을 수 있음을 시사합니다. 이는 인증에 중요합니다. 이 문제를 해결하기위한 해결책을 세분화합시다. 솔루션 개요 1 단계 : 본문을 올바르게 형식화합니다. Fetch API는 URL 인코딩 된 데이터를 보낼 때 요청의 본문을 문자열로 받아들입니다. 키 값 쌍이 &와 연결되는 단일 문자열로 신체를 구조화해야합니다. [[이 텍스트 또는 코드 스 니펫을 공개하려면 비디오를 참조하십시오]] 2 단계 : 페치 요청 예제 여기에 새 본문 형식을 사용한 수정 된 페치 요청 : [[이 텍스트 또는 코드 스 니펫 공개 비디오 참조] 단계 3 : HTML 파일 에서이 함수를 호출해야한다고 언급 한 내용을 호출하십시오. 다음은 설정 방법은 다음과 같습니다. [[[이 텍스트 또는 코드 스 니펫을 공개하려면 비디오 참조]] 4 단계 : 서버 설정 확인 서버가 요청을 처리하도록 올바르게 설정되어 있는지 확인하십시오. 서버 코드에서 BodyParser와 같은 필요한 중간 전쟁을 사용하여 JSON 요청을 효과적으로 요청하십시오. [[이 텍스트 또는 코드 스 니펫을 공개하려면 비디오 참조]이 안내서를 사용하여 결론을 통해 JavaScript에서 Fetch를 사용하여 Ile de France Mobilité API에서 토큰을 검색 할 수 있어야합니다. 본문을 올바르게 서식하고 요청을 처리하도록 서버가 설정되어 있는지 확인하는 것이이 프로세스에서 중요한 단계임을 기억하십시오. 추가 문제가 발생하면 Client_id, Client_Secret 및 요청 된 범위를 두 번 확인하여 올바른지 확인하십시오. 행복한 코딩!