jQuery ajaxs CORS 요청

예브 겐 쿨릭

CORS resourse에서 jQuery ajax 요청을 호출하고 있습니다. 백엔드는 nginx에서 작동하며, 허용 된 모든 도메인과 모든 요청 유형으로 OPTIONS 후크 및 응답을 설정합니다. 그러나 불행히도 오류 calback이 발생합니다. Chrome 네트워크 콘솔에서 OPTIONS 요청에 대한 204 답변을 보았습니다. 그리고 내 원래 POST 요청을 본 적이 없습니다.

var email = $('#your_email').val();
var sendData = {
    issue: {
        description: "email:" + email,
        category_id: 1
    }
};

$.ajax({
    url: "https://domen/issues.json",
    type: "POST",
    beforeSend: function (xhr) {
        xhr.setRequestHeader("Authorization", "Basic " + btoa("goodtry:goodtryq"));
        xhr.setRequestHeader("Accept", "application/json");
        xhr.setRequestHeader("Content-type", "application/json")
    },
    data: JSON.stringify(sendData),

    success: function (val) {
        alert("Thanks you, we are going to contact you soon");
    },
    error: function (val) {
        alert("Please check your internet connection");
    }
});

여기에 이미지 설명 입력

여기에 이미지 설명 입력

예브 겐 쿨릭

그래서 해결되었습니다. 진단 메시지를 놓쳤습니다.

Request header field Authorization is not allowed by Access-Control-Allow-Headers.

유용한 답변은 여기에서 찾을 수 있습니다 : https://stackoverflow.com/a/24556330/2835239

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

CORS jQuery AJAX 요청

분류에서Dev

플라스크 API로 CORs 요청-Jquery POST 요청 결과 OPTIONs

분류에서Dev

Signalr CORS 요청

분류에서Dev

jQuery AJAX CORS 요청이 Safari, Chrome OS X에서 작동하지 않습니다.

분류에서Dev

CORS 게시 요청 실패

분류에서Dev

jquery에서 $ .get 요청을 보내는 동안 CORS를 활성화하는 방법은 무엇입니까?

분류에서Dev

jQuery-AJAX 요청

분류에서Dev

CORS 요청을 거부하는 방법

분류에서Dev

OneDrive REST API-CORS POST 요청

분류에서Dev

AngularJS 및 Spring을 사용한 CORS 요청

분류에서Dev

오류 : laravel / VueJS Ajax 요청의 CORS

분류에서Dev

"동적"jQuery JSON 요청

분류에서Dev

jQuery / PHP Foreach Ajax 요청

분류에서Dev

Ajax 요청 JQuery 전송 div

분류에서Dev

jQuery가 사용자 정의 헤더 CORS 요청을 node.js 서버로 보내지 않거나 서버가 수신하지 않습니까?

분류에서Dev

JQuery-CORS 오류

분류에서Dev

CORS 요청 프리 플라이트 요청, 사용자 코드로 끝남

분류에서Dev

Zeit Now CORS로 인해 서버리스 인증 요청 실패

분류에서Dev

API에 대한 POST 요청을 차단하는 CORS 정책

분류에서Dev

Spring Framework를 사용하여 OPTIONS 요청에 CORS 사용

분류에서Dev

요청에서 제거 된 CORS 사용자 정의 헤더

분류에서Dev

PHP API의 CORS 정책에 의해 차단 된 Blazor 요청

분류에서Dev

CORS 요청 후 ASPXAUTH 쿠키가 저장되지 않음

분류에서Dev

https://newsapi.org에 요청할 때 CORS 정책 문제

분류에서Dev

CORS 설정이 제대로 된 OPTIONS 요청 실패

분류에서Dev

vue / express에서 cors 요청이 실패했습니다.

분류에서Dev

Nuxt.js에서 CORS 차단 클라이언트 요청

분류에서Dev

Istio 요청 인증-결과 404로 Cors 가져 오기

분류에서Dev

MooTools CORS 요청과 네이티브 자바 스크립트

Related 관련 기사

  1. 1

    CORS jQuery AJAX 요청

  2. 2

    플라스크 API로 CORs 요청-Jquery POST 요청 결과 OPTIONs

  3. 3

    Signalr CORS 요청

  4. 4

    jQuery AJAX CORS 요청이 Safari, Chrome OS X에서 작동하지 않습니다.

  5. 5

    CORS 게시 요청 실패

  6. 6

    jquery에서 $ .get 요청을 보내는 동안 CORS를 활성화하는 방법은 무엇입니까?

  7. 7

    jQuery-AJAX 요청

  8. 8

    CORS 요청을 거부하는 방법

  9. 9

    OneDrive REST API-CORS POST 요청

  10. 10

    AngularJS 및 Spring을 사용한 CORS 요청

  11. 11

    오류 : laravel / VueJS Ajax 요청의 CORS

  12. 12

    "동적"jQuery JSON 요청

  13. 13

    jQuery / PHP Foreach Ajax 요청

  14. 14

    Ajax 요청 JQuery 전송 div

  15. 15

    jQuery가 사용자 정의 헤더 CORS 요청을 node.js 서버로 보내지 않거나 서버가 수신하지 않습니까?

  16. 16

    JQuery-CORS 오류

  17. 17

    CORS 요청 프리 플라이트 요청, 사용자 코드로 끝남

  18. 18

    Zeit Now CORS로 인해 서버리스 인증 요청 실패

  19. 19

    API에 대한 POST 요청을 차단하는 CORS 정책

  20. 20

    Spring Framework를 사용하여 OPTIONS 요청에 CORS 사용

  21. 21

    요청에서 제거 된 CORS 사용자 정의 헤더

  22. 22

    PHP API의 CORS 정책에 의해 차단 된 Blazor 요청

  23. 23

    CORS 요청 후 ASPXAUTH 쿠키가 저장되지 않음

  24. 24

    https://newsapi.org에 요청할 때 CORS 정책 문제

  25. 25

    CORS 설정이 제대로 된 OPTIONS 요청 실패

  26. 26

    vue / express에서 cors 요청이 실패했습니다.

  27. 27

    Nuxt.js에서 CORS 차단 클라이언트 요청

  28. 28

    Istio 요청 인증-결과 404로 Cors 가져 오기

  29. 29

    MooTools CORS 요청과 네이티브 자바 스크립트

뜨겁다태그

보관