Safari는 Apache의 Vue.js 앱에서 프리 플라이트 CORS 인증 요청 (XHR)을로드하지 않습니다.

Question

나는 몇 시간 동안 연구하고 디버깅을 해왔으며 운이 없었습니다. 이 흐름/Chrome에서 작동하도록 요청하지만 아무 문제가 없지만 Safari와 Firefox는 모두 OPTIONS 프리 플라이트 요청시 사망합니다.

(!) Failed to load resource: cancelled

및

(!) XMLHttpRequest cannot load http://{URL_REDACTED}/wp-json/jwt-auth/v1/token/ due to access control checks.

내가 Access-Control-Allow-Origin에 변화와 htaccess로 구성 무리를 시도했습니다

, Access-Control-Allow-Headers 및 Access-Control-Allow-Methods 내가 과거 Safari를 얻을 수 없습니다 Safari는 두 개의 오류를 기록합니다 OPTIONS 요청.

이 앱은 Axios를 사용하여 XHR을 만드는 Vue.js 프런트 엔드이며, 호출되는 REST API에서 WordPress 자바 스크립트 웹 토큰 (jwt) 끝점을 사용합니다. 어떤 도움이라도 대단히 감사하겠습니다. 그리고 Auth 프로세스에 대한 대안이있는 경우 제안을 할 수 있습니다. WordPress를 사용하는 것은 설치하기 쉽기 때문에 수년 동안 WP 개발자였습니다.

감사합니다.

업데이트 :

여기에 내 현재의 .htaccess 파일입니다. 나는 여러 가지 다른 것들을 시도했다.

<IfModule mod_rewrite.c> 
    RewriteEngine on 
    Header always set Access-Control-Allow-Origin "http://{LOCAL_DEV_URL}" 
    Header always set Access-Control-Allow-Headers "origin, x-requested-with, content-type" 
    Header always set Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS" 

    RewriteCond %{HTTP:Authorization} ^(.*) 
    RewriteRule ^(.*) - [E=HTTP_AUTHORIZATION:%1] 

    RewriteBase/
    RewriteRule ^index\.php$ - [L] 
    RewriteCond %{REQUEST_FILENAME} !-f 
    RewriteCond %{REQUEST_FILENAME} !-d 
    RewriteRule . /index.php [L] 
</IfModule> 

Answer 1

프리 플라이트 요청은 헤더없이 204 HTTP HTTP 코드로 확인해야합니다.

시도 부가 바로 Header 지시 아래, 당신의 .htaccess에 다음

RewriteCond %{REQUEST_METHOD} OPTIONS 
RewriteRule ^(.*)$ $1 [R=204,L]