Firebase托管 - 清除缓存

Question

按照Firebase教程实现Firebase托管。在控制台中托管应用程序。但问题是当我更改了我的html模板并通过运行

重新部署在Firebase控制台中

ionic build --browser

和

firebase deploy

它已部署，但未在移动浏览器中更新。

例如，我创建了一个离子和角度演示项目。使用InAppBrowser可以与Firebase网址连接

this.iab.create('https://xxx-xxxx.firebaseapp.com','_blank',"location=no,clearsessioncache=yes,clearcache=yes");

以上图片没有更新值

但是当我尝试在应用程序设置中清除应用缓存时。然后我得到了输出

上方图片已更新文字。在firebase上传后的预期结果。

以下代码段试图限制缓存。

1. clearsessioncache=yes,clearcache=yes given in InAppBrowser

2.在Firebase.json

"headers": [ {
  "source" : "**/*.@(eot|otf|ttf|ttc|woff|font.css)",
  "headers" : [ {
    "key" : "Access-Control-Allow-Origin",
    "value" : "*"
  } ]
}, {
  "source" : "**/*.@(jpg|jpeg|gif|png)",
  "headers" : [ {
    "key" : "Cache-Control",
    "value" : "max-age=7200"
  } ]
}, {
  "source" : "404.html",
  "headers" : [ {
    "key" : "Cache-Control",
    "value" : "max-age=300"
  } ]
} ],
"cleanUrls": true

我不确定，问题出在InAppBrowser或默认浏览器上，还是需要在离子3应用程序中完成任何配置？

Answer 1

尝试使用以下方法清除所有缓存：

  "headers": [
  {
    "source": "**",
    "headers": [
      {
        "key": "Cache-Control",
        "value": "no-cache, no-store, must-revalidate"
      }
    ]
  }

然后再添加css，图像和404。