プロフィール

Extrose
2002年頃から電脳海にいる。 制作ペースは激減したものの今でも現役の作曲者(自称)であり、機会があればBMSも作る。 が、最近はVを被ってゲーム実況に勤しんでいる。 興味があるものになんでも手を出すのでかなりの趣味を抱えている。

柊 雷夜
ユーチューブ地方で見かけるVのすがた (↑)。 たまに VRChat にも出る。 VRoid Studio 製。

リリース

• レーベル
  「Stoic Sounds」
• イベント
  「The Novice」
• 個人製作
  • 曲
  • BMS
  • 動画
• Stepmania
  「Panzer Force」
• 企画
  「3時間DTM」
• アプリ「Viur」

個人活動

• 実績(依頼など)

読み物

• エンジニア
  • Web開発
  • OS関連
• 音楽
  • モジュラーシンセ
• ゲーム
  • コンバットチョロQ
  • Dragon Force II -神去りし大地に-
  • Front Mission 5
  • R-TYPE FINAL 2
• その他
  • 手書きのころのblog

[JavaScript] キャッシュのせいで古い情報がロードされ続けることへの対処

戻る > エンジニア - Web開発

現象

こういうソースがあったとする

  const fromFile = await fetch(`/path/file`).then(res => res.text());

このとき、fromFile には /path/file の内容が入る
ここで、/path/file の内容を更新したが、サーバーの設定や構成によっては、ファイルは確かに更新されているが、fromFile には古い情報が入り続ける場合もある
この現象は正にこのページを表示しているプログラムで発生した

さくらのレンタルサーバサービスで再現性あり

解決案

URLが異なればキャッシュは使われない
そのため、URLのクエリとして適当に日付を組み込むことで、キャッシュ利用を回避できる

  const fromFile = await fetch(`/path/file?a=${Date.now()}`).then(res => res.text());