プロジェクトをリリースするときに、キャッシュをクリーンアップする必要があるという問題に遭遇することがよくあります。ここでは、プロジェクトのキャッシュを無効にする実際の方法を説明します。 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 のインストール方法 (グラフィカル チュートリアル)
1. テストテーブルを作成する テーブル `testsign` を作成します ( `userid`...
通常、人事担当者と会うことはめったにありませんが、一度会うと、それが生死を分けることもあります。 H...
目次1. インストールパッケージ(64ビット)をダウンロードする2. MySQLデータベースをインス...
初めてwampをインストールした後、すべてのサービスが正常に使用できますが、再起動するとwampのア...
この記事の例では、ログインと登録機能を実装するためのjsの具体的なコードを参考までに共有しています。...
目次単一コンテンツ投影マルチコンテンツ投影単一条件のコンテンツ投影アプリ-人物-htmlアプリ担当者...
MySQL のCAST()およびCONVERT()関数を使用すると、ある型の値を取得し、別の型の値を...
ウェブサイトをデザインするにはインスピレーションが必要です。良いインスピレーションを得るには、より多...
コンテナを通じてローカル パブリック IP アドレスを取得します。ローカル IP アドレスを使用して...
目次1. はじめに1. 基本レイアウト2. 写真を自動的に切り替える3. コンテンツを追加する4. ...
パブリッシュ/サブスクライブとは何ですか?例を挙げてみましょう。あなたは服を買うために店に行きます。...
ポーテナーの紹介Portainer は、ステータス表示パネル、アプリケーション テンプレートの迅速な...
MySQL 5.7 をインストールするには 2 つの方法があります。1 つはインストーラをダウンロー...
この記事はmysqlデータベースです質問 1 表 1 のデータを表 2 にインポートします。表 1 ...
ローカル データベースがサーバー データベースに接続されているときに発生する 1045 の問題を解決...