Azure Devops set max-age on index.html in Azure storage with

Question

所以，我不希望我的静态 vue.js 应用程序上的索引.html总是因为更新而被缓存。我可以在存储资源管理器中手动设置最大年龄。我为此站点设置了一个 Azure CDN，每次部署后都会清除该站点，但我认为这不会始终更新当前用户，因为索引.html上的最长期限未设置。 有没有办法从 CDN 设置最大年龄？ 或者是否有一个 azure cli 命令，我应该在 devops 部署上使用它来设置存储中索引.html文件的 max-age。 我没有看到太多关于此的文档，也许 CDN 只是处理一切？

Answer 1

确保为 CDN 的"服务器端缓存"和浏览器的"本地缓存"设置正确的值。需要在 Blob 上设置 Max-Age，使其在 CDN 中始终保持最新状态，同时使用 Blob 上的Cache-Control标头使浏览器始终读取当前版本。这在 CDN 中也称为"内部最大年龄"与"外部最大年龄"(缓存控制(，尽管命名因提供商而异。

另请参阅我最近对此的回答： 如何停止索引.html被 Azure CDN 缓存

对我来说，我发现通常只需在index.html上的 blob 存储中设置Cache-Control标头即可控制服务器端和本地缓存。至少 Azure CDN 提供程序在服务器端也尊重这一点，因此只需最少的工作量。

如果要将其添加到管道中，另请参阅此代码示例： https://schwabencode.com/blog/2019/05/03/Update-Azure-Storage-Blob-Properties-with-PowerShell

# Storage Settings
$storageAccount = "__storage account__";
$containerName = "__container name__";
# Blob Update Settings
$contentCacheControl = "public, max-age=2592000"; # 30 days
$extensions = @(".gif", ".jpg", ".jpeg", ".ico", ".png", ".css", ".js");
# Read all blobs
$blobs = az storage blob list --account-name $storageAccount --container-name $containerName --num-results * --output json | ConvertFrom-Json
# iterate all blobs
foreach($blob in $blobs)
{
# use name as identifier
$blobName = $blob.name;
# get extension
$extension = [System.IO.Path]::GetExtension($blobName).ToLower();

# update blob if extension is affected
if($extensions.Contains($extension))
{
az storage blob update --account-name $storageAccount --container-name $containerName --name $blobName --content-cache-control $contentCacheControl
Write-Host "Updated $blobName" 
}
}