angular - Ionic 4/Capacitor PWA 应用程序不会更新 Firebase 托管的最新内容

标签 angular firebase ionic4 progressive-web-apps capacitor

我创建了简单的 Ionic 4/Capacitor PWA 应用程序,它在设备和 PC 浏览器上运行良好。我在做一个小的更改并发布到 firebase 时遇到问题。

注:在我使用它的设备上使用 home icon .

我用过这个,它显示部署成功

ionic build --prod
firebase deploy

但是当我在浏览器上点击生成的 url 时,它没有显示更新的内容。即文本更改。
在设备上也一样。即没有改变文本。我已经杀死了该应用程序并再次加载它。但是没有效果。之后,我在浏览器上按了 ctrl+ F5,然后它在两个平台上都显示了正确的内容。那么你能告诉我这里正确的工作流程吗?因为我无法刷新设备上的应用程序。这是在 Ionic 4/Capacitor PWA 应用程序上托管的 Firebase 上的问题还是其他问题?

firebase.json
{
  "hosting": {
    "public": "www",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ],
    "headers": [
      {
        "source": "/build/app/**",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "public, max-age=31536000"
          }
        ]
      },
      {
        "source": "ngsw-worker.js",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "no-cache"
          }
        ]
      }
    ]
  }
}

最佳答案

按F12(浏览器工具)→应用程序→缓存→右键单击→刷新缓存。

关于angular - Ionic 4/Capacitor PWA 应用程序不会更新 Firebase 托管的最新内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57202696/

相关文章:

angular - 如何通过 firebase 异步更新 ng2-charts 中的值

html - Angular Heroes 教程 <app-heroes> css 选择器

android - 在 Android 中使用 FirebaseListAdapter 填充 ListView

swift - 数据仅一次附加到我的tableView和Firebase数据库中

angular - 'checked' 和 (ngModel) 有什么区别

javascript - ionic 4 : How to save images on device for offline mode that comes from firebase storage

javascript - 电容相机不显示提示对话

javascript - Angular 2 - 在 View 中操作 rxjs Observable

database - Firebase 可扩展性限制

angular - 如何从 Ionic 4 中的 ionic 选择选项中获取选择事件?