web-dev-qa-db-ja.com

reactjsのブラウザキャッシュをクリアする方法

webサイトに変更を加えて、実行中のWebサイトにそれらの変更を更新しようとするたびに、ブラウザーをハードリフレッシュする必要があります。コードでそれを行う方法はありますか

私はすでにそれを検索しようとしていますが、それはほとんどできないと言っています。参照ポスト： プログラムでブラウザーのキャッシュを空にする方法？

**応答ヘッダー：

HTTP/1.1 200 OK

サーバー：nginx/1.12.2

日付：金、2018年7月6日10:01:23 GMT

コンテンツタイプ：text/html

転送エンコード：チャンク

接続：キープアライブ

変化：Accept-Encoding

コンテンツエンコーディング：gzip

**リクエストヘッダー：

GET/HTTP/1.1

ホスト：--example--.com

接続：キープアライブ

Upgrade-Insecure-Requests：1

ユーザーエージェント：Mozilla/5.0（Macintosh、Intel Mac OS X 10_13_4）AppleWebKit/537.36（KHTML、Geckoなど）Chrome/67.0.3396.99 Safari/537.36

受け入れる：text/html、application/xhtml + xml、application/xml; q = 0.9、image/webp、image/apng、/; q = 0.8

Accept-Encoding：gzip、deflate

Accept-Language：en-GB、en-US; q = 0.9、en; q = 0.8、hi; q = 0.7

Cookie：fingerPrint = e4a9037b8f674722f414b0b59d8d663c

javascriptreactjspage-refresh
5
Sunil Choudhary

この特定の場合にできることは、<head>タグ内でこれらのメタタグを使用して、ページをキャッシュしないようブラウザに指示することです。

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

ただし、これを実現する方法は複数あります。バックエンドから適切なヘッダーを送信できます。または、キャッシュを一時的に無効にしようとしている場合は、ブラウザのキャッシュを無効にすることで実行できます。これを行うには、以下の手順に従ってください。

開発者ツールで。 [ネットワーク]タブを見つけて、キャッシュを無効にします。この画像のように。

enter image description here

これが解決することを願っています。

6
Mustkeem K

chrome dev toolsを使用できます。 Networkタブにはキャッシュを無効にするオプションがあります。

2
Aman Arora

パブリックフォルダーにstyle.cssファイルを作成し、このCSSファイルをindex.htmlファイルにリンクします。

例：

 <link rel="stylesheet" type="text/css" href="%PUBLIC_URL%/style.css?v=0.0.1" />

コードをビルドする前に、必ずこのバージョンを更新してください[〜＃〜] css [〜＃〜] fils.

1
durga patra

以下の回答が機能しなかったとしても。そして、あなたはキャッシュされているアプリのような問題に直面しており、アプリ全体が古いビルドを表示するようにします、おそらくあなたはこのリンクをチェックすることができます https://github.com/facebook/create-react-app/issues/1910#issuecomment-355245212 。その後、npmを開始すると、うまくいきました。

0
Thanmai C