クライアントhtmlファイルキャッシュの無効化

バージョン管理またはコード更新によりフロントエンドコードが修正された後に有効にならない場合
vue、reactまたはその他の項目;更新がアップグレードされた後;index.htmlファイルのファイル名は変わっていません;しかし、導入されたcss jsファイルの名前が変わりました.このときnginxによる静的ファイルのキャッシュにより,以前の古いindexにアクセスする可能性がある.htmlというエントリファイル;私たちのプロジェクトの更新で、多くの場合、前のディレクトリを上書きすると、前のバージョンのjs cssファイルが削除されます.多くのjs cssファイル404が表示され、あなたのプロジェクトは開かれません.この場合、ドメイン名ルートディレクトリのfrontフォルダにコードを置くと仮定します.次のように構成できます.

	# /front     html          ；css js     
	#           /home/wwwroot/public
	location /front/ {
		#root     location              root       location /front/         /home/wwwroot/public/front/
		root   /home/wwwroot/public;
		#index  index.html index.htm
		if ($request_filename ~* .*\.(?:htm|html)$)
		{
			add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate";
		}
		if ($request_filename ~* .*\.(?:js|css)$)
		{
			expires      1d;
		}
		if ($request_filename ~* .*\.(?:jpg|jpeg|gif|png|ico|cur|gz|svg|svgz|mp4|ogg|ogv|webm)$)
		{
			expires      30d;
		}
	}

上のコードnginxを追加したWebサイトのプロファイルには、ユーザアクセス/front/index.htmlの場合htmlファイルはローカルにキャッシュされません.