Como filtrar (ocultar) solicitações pré-voo em minha rede de ferramentas de desenvolvimento

117

Normalmente, ambas as chamadas são mostradas, a pré-voo e a solicitação real. Isso às vezes é irritante. Existe uma maneira de ocultar as solicitações de pré-voos?

Ou existe um plugin para filtrar certas solicitações com base em cabeçalhos?

cors google-chrome-devtools John smith
fonte
Observe que não quero evitar as solicitações pré-voo, só quero ocultá-las das ferramentas de desenvolvimento.
John Smith

Respostas:

272

A maneira mais rápida de fazer isso é filtrar -method:OPTIONS.

insira a descrição da imagem aqui

Explicação: todas as solicitações pré-voo são feitas por meio do método HTTP OPTIONS (oposto a POST ou GET). Este filtro diz "não é o método OPÇÕES".

Observe o hífen inicial porque, se você esquecê-lo, mostrará apenas as solicitações pré-voo.

Rick Hanlon II
fonte
24
Este é o número 8 em minhas maiores frustrações no desenvolvimento 🤓 Obrigado!
Adrian Lynch,
80
A equipe do Chrome precisa adicionar uma caixa de seleção para ocultá-los. Este é um recurso importante para evitar ruídos.
Toque em
3
@Toque em Concordo! Existe algum lugar para votar nisso?
user2078023
5
Não apenas isso, a equipe do Chrome deve apenas nos deixar definir um filtro personalizado que realmente seja lembrado em sessões, guias, etc. Dessa forma, podemos bloquear solicitações de soquete para coisas como BrowserSync, Intercom e Stripe também, que apenas criam ruído no momento.
Adam Reis
5
Há uma solicitação de recurso para preservar os filtros após a reabertura do DevTools, consulte este link . -method:OPTIONSMarque com uma estrela se estiver cansado de digitar sempre que abrir DevTools.
lagoman