Chrome 개발자 도구를 통해 보호된 서버 콘텐츠에서 데이터 가져오기
./ngrok http {{whatever the port}}
(예: ./ngrok http 5000)와 같은 스크립트를 실행해야 합니다(실행 가능한 ngrok 다운로드 파일이 압축 해제된 폴더에 있어야 함). to), 서버에 액세스하는 데 사용할 수 있는 임의의 URL을 생성합니다. 컴퓨터에서 서버를 끄면 localhost 포트에 더 이상 아무것도 없기 때문에 URL 작동이 중지됩니다. ./ngrok
Windows 시스템을 사용하기 때문인 것 같습니다.스크립트
./ngrok http --auth=username:password {{whatever the port your localhost server is running in}}
를 실행하여 보호할 수 있습니다. 제공된 URL로 이동하면 다음을 얻을 수 있습니다.결정된 사용자 이름과 암호를 입력하면 콘텐츠에 액세스하게 됩니다.
이제 가져오기 API 및 Chrome 개발자 도구를 사용하여 콘텐츠에 액세스하는 방법:
const res = await fetch('{{ngrok URL}}', {headers: {'Authorization': `Basic ${btoa("username:password")}`}})
console.log(await res.json())
btoa()
는 the method to do so 입니다. 문자열이어야 하므로 "username:password"를 작성하십시오. 'Authorization'
헤더(따옴표가 필요함) 값도 문자열이어야 합니다: Basic ${btoa("username:password")}
. 도움이 되었기를 바랍니다.
Reference
이 문제에 관하여(Chrome 개발자 도구를 통해 보호된 서버 콘텐츠에서 데이터 가져오기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/petrussola/fetch-data-from-protected-server-content-via-chrome-dev-tools-d8j텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)