プロジェクトをリリースするときに、キャッシュをクリーンアップする必要があるという問題に遭遇することがよくあります。ここでは、プロジェクトのキャッシュを無効にする実際の方法を説明します。 1. publicフォルダ内のindex.htmlファイルのメタ設定を変更する <meta http-equiv="pragram" content="no-cache" /> <meta http-equiv="cache-control" content="no-cache、no-store、must-revalidate" /> <meta http-equiv="有効期限" content="0" /> 2.vue cli ビルド構成 (vue3 未満のバージョンの場合) vue.config.js に設定を追加する const タイムスタンプ = 新しい Date().getTime() モジュール.エクスポート = { Webpack を構成する: { output: { // 再構築、パッケージ化、コンパイル後のファイル名を出力します [モジュール名。バージョン番号(オプション)。タイムスタンプ] ファイル名: `[name].${Timestamp}.js`, チャンクファイル名: `[name].${Timestamp}.js` }, }, css: { extract: { // パッケージ化後にCSSファイル名にタイムスタンプを追加します。ファイル名: `css/[name].${Timestamp}.css`, チャンクファイル名: `css/[name].${Timestamp}.css` } }, } 3. Nginxの設定 nginx キャッシュを無効にして、ブラウザでキャッシュされたファイルを読み取るのではなく、ブラウザが毎回サーバーにファイルを要求できるようにします。 プログラムをデバッグして起動した後、nginx キャッシュを有効にして、サーバーの帯域幅を節約し、一部のリクエストを減らし、サーバーの負荷を軽減できます。 nginx.confファイル内のHTMLファイルを設定して、デフォルトでヘッダーを追加し、設定をキャッシュしないようにします。 次の実際のプロジェクトのnginxキャッシュ構成 場所 ~ .*\.(?:htm|html)$ { add_header Cache-Control "private、no-store、no-cache、must-revalidate、proxy-revalidate"; } Nginx 静的リソース キャッシュ設定 https://www.jb51.net/article/222620.htm これで、vue プロジェクトでブラウザ キャッシュ設定を無効にするケースに関するこの記事は終了です。vue プロジェクトでブラウザ キャッシュ設定を無効にすることに関するより関連性の高いコンテンツについては、123WORDPRESS.COM で以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: Ubuntu 20.04 CUDA & cuDNN のインストール方法 (グラフィカル チュートリアル)
まずデータ テーブルを作成しましょう。 使用テスト; テーブル「従業員」を作成します( emp_no...
フロントエンド開発では、Ajax、jQuery ajax、axios、fetch など、データ要求を...
1. 概要ネットでいろいろ検索してみたところ、Linux システム向けではなく、現在の新しいバージ...
MySQL はディスクに保存される永続的なストレージであり、取得には一定の IO が伴うことはご存じ...
1.MySQL UPDATE JOIN構文MySQL では、UPDATE ステートメントでJOIN句...
<br />当サイトのオリジナルコンテンツですので、転載の際は出典を123WORDPRE...
MySQL では、char、varchar、text の各タイプのフィールドはすべて文字タイプのデー...
MySQL データベースにデータを挿入します。以前はよく使われていた INSERT INTO テーブ...
Ubuntu 16.04 FTP サーバーをビルドするftpをインストールするftp をインストール...
目次概要ファイル記述子同期、非同期、Promise同期書き込み非同期書き込み(推奨)約束の書き方...
序文トップメニューを作成する場合、ポップアップのセカンダリメニューを作成する必要があります。 以前の...
序文これまでの Tomcat シリーズの記事を通じて、私のブログを読んでいる学生は Tomcat に...
目次1. サブクエリの定義2. サブクエリの分類1. スカラーサブクエリ: 2. MySQLサブクエ...
1. 設置環境1. HUAWEI mate x CPU i5 82500u、8g メモリ、独立グラフ...
参照ドキュメント公式 Docker インストール ドキュメント: https://docs.dock...