Chrome이 네트워크 탭에 OPTIONS 요청을 표시하지 않음


82

내 웹 클라이언트 응용 프로그램이 fetch API를 통해 HTTP POST 요청을 설정하고 있습니다.

OPTIONS 프리 플라이트 요청이 디버깅 프록시 (Charles 프록시)를 통해 전송되는 것을 확인했지만 Google Chrome 개발자 도구 \ 네트워크 탭에 표시되지 않습니다.

네트워크 탭에 필터를 설정하지 않았습니다. OPTIONS 요청이 표시되는 것을 기억하지만 더 이상은 아닙니다. 어떻게 되돌릴 수 있습니까?

답변:


146

: 당신은 이동해야합니다 chrome://flags/#out-of-blink-cors, 해제 크롬을 플래그를 다시 시작합니다.

이는 https://bugs.chromium.org/p/chromium/issues/detail?id=995740#c1 에 따라 예상되는 동작 변경입니다.

나는 원래 https://support.google.com/chrome/thread/11089651?hl=ko 를 통해 이것을 발견했습니다.


3
이것은 효과가 있었다. 하지만 링크 된 페이지에서이 "out-of-blink-cors"설정이 수행하는 작업을 찾을 수 없습니다. Blink는 크롬 엔진 이름입니다-그래서 어떤 구성 요소가 대신 cors합니까? 크롬 확장이 아닌 일반 웹 사이트에서 효과적으로 변경된 것은 무엇입니까?
Ubeogesh

cors의 처리가 devtools가 액세스 할 수있는 수준보다 낮은 수준의 엔진으로 옮겨 졌다고 생각합니다. 그러나 해당 최적화를 비활성화 할 수 있습니다.
George Mauer

24
이 행동은 새로운 개발자의 삶을 훨씬 더 어렵게 만들 것입니다. 이것은 기본적으로 오류에 대한 답을 숨기는 것입니다.
Claudio Holanda

2
관련 코드를 작업 한 Chrome 구현 자의 희소식 : stackoverflow.com/a/62590759/441757 에서 답변을 참조하십시오. “Chrome 83은 보안이 유지 된 방식으로 CORS 프리 플라이트 DevTools 지원을 다시 구현합니다. 따라서 Out-Of-Blink / Renderer CORS 전에 수행 할 수있는 것처럼 CORS 프리 플라이트 요청을 모니터링 할 수 있습니다.”
sideshowbarker

2
더 이상 Chrome 85에서 작동하지 않습니다. :(
phuzi

14

옵션을 변경하고 컴퓨터를 다시 시작한 후에도 Chrome 81에 아무것도 표시되지 않는 것 같습니다.

대체 솔루션으로 Firefox와 네트워크 탭을 개발에 사용하기 시작했습니다.

여기에 이미지 설명 입력

https://getfirefox.com


1
Chrome 81을 사용하고 있으며 jms가 제안한대로 플래그를 변경 했습니다.
Gustavo Straube

@GustavoStraube 흠. 어떤 운영 체제를 사용하고 있습니까?
Mikko Ohtamaa

MacOS Mojave (10.14.6)
Gustavo

1
기본 http 인증 뒤에있는 사이트를 테스트 할 때이 동작을 보았습니다. 다른 탭에 로그인 한 경우에도 프리 플라이트 요청이 항상 실패합니다 (v84)
koosa

7

저는 Chromium Project의 Takashi이며 Out-Of-Blink / Render CORS 프로젝트를 주도했습니다.

이 프로젝트는 더 나은 보안 및 개인 정보 보호를 위해 프로세스 격리 CORS 구현을 도입하기 위해 고안되었으며 많은 새로운 네트워크 관련 기능이이 새로운 구현에 의존합니다. 안타깝게도 DevTools에서 계속해서 지원하는 것이 보안 및 개인 정보를 약화시키는 것으로 밝혀 졌기 때문에 일시적으로 사전 지원을 비활성화했습니다. 이 기간 동안 불편을 드려 죄송합니다.

좋은 소식은 이제 Chrome 83이 보안이 유지 된 방식으로 CORS 프리 플라이트 DevTools 지원을 다시 구현한다는 것입니다. 따라서 Out-Of-Blink / Renderer CORS 전에 수행 할 수있는 것처럼 CORS 프리 플라이트 요청을 모니터링 할 수 있습니다.

베스트,


5
macOS에서 최신 크롬을 실행하고 있는데 여전히 네트워크 검사기에 옵션이 표시되지 않습니다. 도움?
Miguel Ribeiro

2
Chrome 83.0.4103.116 (Mac OS)-여전히 네트워크 패널에 비행 전 정보가 표시되지 않습니다. 켜야하는 플래그가 있습니까?
EK0

4
MacO의 Chrome 83.0.4103.116 (공식 빌드) (64 비트)은 여전히 ​​나에게 프리 플라이트를 표시하지 않습니다. 그리고 실험적인 out-of-blink-cors 옵션은 더 이상 사용할 수 없습니다.
Ben K

1
다음 페이지를 시도해 볼 수 있습니까? yuri.twintail.org/chrome/cors/preflight.html 1) DevTools 열기 2) "make cors fetch"버튼을 클릭합니다. 3) 918322_21.cgi에 대한 두 개의 요청이 표시됩니다. 하나는 실제 요청에 실패하고 다른 하나는 200입니다. 프리 플라이트를 위해. 참고 : 요청이 CORS 프리 플라이트 캐시에 도달하면 Chrome이 프리 플라이트를 전송하지 않으므로 아무것도 표시하지 않습니다. DevTools의 "Disable cache"옵션은이 옵션으로 프리 플라이트 캐시도 비활성화되므로이 문제를 완화 할 것으로 예상됩니다.
Takashi Toyoshima

9
Chrome 84 / Win10을 실행하는 경우 '전체'필터를 선택하면 네트워크 탭에 OPTIONS 요청이 표시되지만 'XHR'필터를 선택하면 표시되지 않습니다. 신경 쓰지 않는 수십 개의 다른 요청을 처리해야하기 때문에 짜증이납니다. 왜 두 곳 모두에서 보여줄 수 없는지 아십니까?
Chris Tybur
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.