プロジェクトをリリースするときに、キャッシュをクリーンアップする必要があるという問題に遭遇することがよくあります。ここでは、プロジェクトのキャッシュを無効にする実際の方法を説明します。 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 のインストール方法 (グラフィカル チュートリアル)
国内市場ではIE6~7のサポートに対する一定の需要がまだありますが、フロントエンド開発者として、私た...
目次1. 環境2. 準備3. MySQL 8.0.11をインストールするMySQL 8 の公式バージ...
操作効果: html <div class="三目並べ"> <...
長い間 MySQL を使ってきたので、SQL 文はすでに覚えていると思います。そこで、その実行原理を...
中国の習慣では、旧暦の1月15日より前に新年を祝います。ここで、庭にいる友人たちに新年の幸せを祈りた...
目次1. Vueの初期化vue エントリ ファイルフルバージョンとランタイムバージョンの違い1.1、...
目次vモデル.sync微妙な違い機能シナリオを要約します。 vモデル <!--親コンポーネント...
エクスポートデフォルト({ URL、 メソッド = 'GET'、 データ = nu...
HTML画像にハイパーリンクを追加すると醜い青い枠線が表示される次のように:解決: CSS スタイル...
目次1. forループ2. 二重の for ループ3. whileループ4. dowhileループ5...
1. はじめにVagrant は、仮想マシン (VirtualBox) を構築および管理するためのツ...
序文ページを共有するときに、ブラウザの戻るボタンをクリックしてプロジェクトのホームページに戻り、訪問...
ペーパーレスの世界はまだ到来していませんが、書類や写真をスキャンすることで紙をなくす人が増えています...
目次1. JavaScriptについて2. JavaScript イベントループ3. マクロタスクと...
序文注: テストデータベースのバージョンはMySQL 8.0ですテーブルを作成し、ユーザー scot...