크롬에서 네트워크 이슈 대응하기.

작업을 하다보면 크롬의 네트워크 보안정책에 의해서 문제가 발생할땐 devtool만으로는 원인을 찾아가기 힘든때가 있다.

에러는 나는데 뭔지모름( 보통이런떈 cors 이슈였다)

Capture Network Log

chrome://net-export/

 

• 주소 표시줄에 chrome://net-export/ 를 입력하고 Enter 키를 누릅니다.
• Logging을 시작해주고, 레코딩 파일을 저장 할 위치를 설정합니다.
• 문제가 있는 페이지를 엽니다.
• net-internals로 돌아가 레코드를 완료합니다.
• 녹화된 로그 파일은 https://netlog-viewer.appspot.com/#import 를 활용해서 분석 할 수 있습니다.

t=2293751 [st=20]     +HTTP_TRANSACTION_SEND_REQUEST  [dt=0]
t=2293751 [st=20]        HTTP_TRANSACTION_SEND_REQUEST_HEADERS
                         --> GET ############ HTTP/1.1
                             Host: ############
                             Connection: Upgrade
                             Pragma: no-cache
                             Cache-Control: no-cache
                             User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.83 Safari/537.36
                             Upgrade: websocket
                             Origin: http://localhost:6006
                             Sec-WebSocket-Version: 13
                             Accept-Encoding: gzip, deflate, br
                             Accept-Language: ko-KR,ko;q=0.9,en-US;q=0.8,en;q=0.7
                             Sec-WebSocket-Key: ###############
                             Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits
                             Sec-WebSocket-Protocol: json
t=2293751 [st=20]     -HTTP_TRANSACTION_SEND_REQUEST
t=2293751 [st=20]     +HTTP_TRANSACTION_READ_HEADERS  [dt=22]
t=2293751 [st=20]        HTTP_STREAM_PARSER_READ_HEADERS  [dt=22]
t=2293773 [st=42]     -HTTP_TRANSACTION_READ_HEADERS
                       --> net_error = -320 (ERR_INVALID_RESPONSE)
t=2293773 [st=42]   -URL_REQUEST_START_JOB
                     --> net_error = -320 (ERR_INVALID_RESPONSE)
t=2293773 [st=42]    URL_REQUEST_DELEGATE_RESPONSE_STARTED  [dt=0]
t=2293773 [st=42] -REQUEST_ALIVE
                   --> net_error = -320 (ERR_INVALID_RESPONSE)

net_error = -320 에러가 발생한다.

https://chromium.googlesource.com/chromium/src/+/refs/heads/main/net/base/net_error_list.h

 

// The server's response was invalid.NET_ERROR(INVALID_RESPONSE, -320)
서버에서 오는 정보가 문제다 ( front 무죄; )

chrome flags

크롬 자체를 보안설정을 끄고 작업 할 수도 있다. (localhost작업만 할게아니면 바로 끄자.)

open -na Google\ Chrome --args --user-data-dir= --disable-web-security --disable-site-isolation-trials