我在firebase上主持SPA,几乎所有路径都被重写为index.html
。我正在使用基于webpack hash的缓存清除,所以我想总是阻止缓存我的index.html
而不是任何其他文件。我发现这样做非常困难。具体来说,我的文件布局如下所示
/
├── index.html
├── login.html
├── js
│ ├── login.ba22ef2579d744b26c65.bundle.js
│ └── main.6d0ef60e45ae7a11063c.bundle.js
└── public
└── favicon-16x16.ico
在从文档中读到这句话之前,我开始天真地使用"sources": "index.html"
。
无论使用glob notation的任何重写规则如何,每个定义必须具有与原始请求路径匹配的源密钥。
好的,所以不是一个简单的glob指定我想要这些头文件的文件,我想我需要一个路径。由于大多数路径重定向到index.html,我需要一个glob,它排除了我不想放置这些头的所有路径。
作为参考,我的firebase.json
托管部分如下所示:
{
"hosting": {
"public": "dist",
"rewrites": [
{
"source": "**",
"destination": "/index.html"
}
],
"cleanUrls": true,
"trailingSlash": false,
"headers": [
{
"source": <<<WHAT-GOES-HERE?>>>,
"headers": [
{
"key": "Cache-Control",
"value": "no-cache, no-store, must-revalidate"
},
{
"key": "Pragma",
"value": "no-cache"
},
{
"key": "Expires",
"value": "0"
}
]
}
]
}
}
因此,提供一些重定向到index.html并且不应该缓存的示例
mysite.com
mysite.com/
mysite.com/foo/bar/baz
mysite.com/index.html
注意:如果最后一个被缓存,我可以活下去,因为它没有在实践中使用。
并且不会重定向到index.html并且不应该缓存的东西
**/*.* (ideally excluding index.html)
mysite.com/login
我最接近的是**/!(login|*.*)
,几乎适用于上面列出的所有内容,但莫名其妙地不适用于mysite.com
或mysite.com/
。这两个页面没有匹配这个全局,我无法弄清楚原因。
这是我正在使用的配置。逻辑是对所有静态文件使用缓存,如images, css, js
等。对于所有其他文件,即"source": "/**"
将缓存设置为无缓存。因此,对于所有其他文件,可能不会应用example.com,example.com / index.html,example.com / about-us,example.com / webout-us.html缓存。
{
"hosting": {
"public": "dist",
"headers": [
{
"source": "/**",
"headers": [
{
"key": "Cache-Control",
"value": "no-cache, no-store, must-revalidate"
}
]
},
{
"source":
"**/*.@(jpg|jpeg|gif|png|svg|webp|js|css|eot|otf|ttf|ttc|woff|woff2|font.css)",
"headers": [
{
"key": "Cache-Control",
"value": "max-age=604800"
}
]
}
],
"ignore": ["firebase.json", "**/.*", "**/node_modules/**"]
}
}