直接の解決策にはなりませんでしたが、今後もどこかで遭遇する気がするので、備忘録としてまとめます。
Google Chrome の開発者ツールの Network タブで、特定の要素で「Provisional headers are shown」が発生した時の対処法についてです。
私の場合は Ajax でアクセスしたページから結果が返ってこず、調査したらこちらが発生していました。
また、status が canceled という見慣れない値になっていました。
で、今回参考にさせていただいた記事はこちらから。
【Chrome DevTools】「Provisional headers are shown」が表示される原因と対策
https://did2memo.net/2017/01/23/chrome-devtools-provisional-headers-are-shown/
この記事によると、今回の現象が発生した原因はキャッシュにあるとのこと。
なんでも、キャッシュから取得しただけの通信は、「Provisional headers are shown」表示になるらしいです。
ですが、キャッシュから取得されると困るため、Ajax の設定に cache : false を追加しました。
または、動作確認なら、開発者ツールにある「Disable cache」にチェックを入れてもOKです。
こちらを設定することで、キャッシュが使用されなくなります。
一件落着かと思いきや、Ajax の設定には既に cache : false が追加されていました…。
つまり、これが原因ではないということになりますね。
以上、Provisional headers are shown が発生した時の対処法でした。
今回の状況では、こちらの対処法は役に立ちませんでしたが、今後、別の場所で発生した時には参考になりそうな気がします。
…まあ、遭遇しないことを祈るばかりではありますが。
どなたかのご参考になれば幸いです。
