Chrome에서 Ajax 사용 가능한 바로 가기 만들기 [Access-Control-Allow-Origin]

Ajax란?

Ajax란, 「Asynchronous JavaScript+XML」의 약자로, 브라우저내에서 JavaScript의 통신 기능을 사용해, XML 형식의 데이터를 송수신하는 기술을 말합니다. 웹앱에 이용되는 기술로 페이지 전환이 없는 동적 사이트를 만들 수 있다. (wiki에서)

Ajax의 장점

API 동작 테스트를 쉽게 수행 할 수 있습니다

html 파일 한 장으로 구현할 수 있다

Rails 및 Flask와 같은 서버 불필요

인터페이스를 쉽게 만들 수 있습니다

Chrome에서 Ajax가 사용 중지되는 문제

Chrome을 정상 상태로 열면 Ajax가 사용 중지됩니다.

크로스 도메인에 액세스 할 권리가 없다고 화가 나서 Response를받을 수 없다

Chrome과 같은 콘솔 화면

     No 'Access-Control-Allow-Origin' header is present on the requested resource

이유 : 보안 대책을 위해

이 오류를 피하려면 요청하는 서버에서 CORS 설정을해야합니다.

이 절에서는 서버 설정과 같은 번거로운 절차없이 회피 가능한 방법을 소개합니다.

Chrome에서 Ajax를 사용하도록 설정

다음 방법은 Windows OS를 가정합니다

1. 크롬 바로 가기 아이콘을 마우스 오른쪽 버튼으로 클릭하여 Chrome.exe 파일을 저장할 위치를 엽니다.

2. chrome.exe 바로 가기 만들기

바로 가기를 마우스 오른쪽 버튼으로 클릭하고 속성을 선택합니다

[링크 대상] 문자열의 엉덩이에 다음 명령 추가

--disable-web-security --user-data-dir

3. 브라우저를 다시 열고 아래와 같은 경고가 나오면 성공

주의점

보안 대책을 위해 Ajax 용 바로 가기와 일반 브라우징 용 바로 가기를 별도로 만들어 두는 것

평상시 사용으로 Ajax를 유효하게 해 두면 크로스 사이트 스크립팅과 같은 공격에 취약해지기 때문에

참고문헌

【해설 첨부】chrome로 XMLHttpRequest를 로컬의 파일로 실시하는 방법
htps : // 이 m / g 여 w c / ms / 919 7 2 665557 d9cf4

Reference

이 문제에 관하여(Chrome에서 Ajax 사용 가능한 바로 가기 만들기 [Access-Control-Allow-Origin]), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/Akihiro_Nakayama/items/44b5727c08a2a531d14c

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다