WorkboxはService Worker使うなら使って損なしの最強ツールですが、Railsで作成したAPIサーバーからのデータが、chromeのdevツールではキャッシュされていることが確認できるのに、データをfetchするときにそのキャッシュを使用してくれなくて困った。
結論としては、ごく単純なCache-Controlの話であった。
Rails側でブラウザキャッシュを有効にする必要がある。
どうやらRailsでは、キャッシュヘッダーがデフォルトでCache-Control: max-age=0, private, must-revalidate
を返すらしい。
Workbox使ってるけど、なぜかキャッシュ効かねぇとお悩みの方は、devツールのNetworkタブからheader情報を確認し、変なCache-Controlがかけられていないかをまず確認することをおすすめする。
特に内容がないような記事ですが、「Workbox」と「Rails」の2ワードで悩める人の助けになるかもわからんので、書きました。