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

Posted 2023-02-19

【中文标题】Ionic 4 / Capacitor PWA 应用不会更新 Firebase 托管的最新内容

【英文标题】：Ionic 4 / Capacitor PWA app doesn't update the latest content from Firebase hosting

【发布时间】：2019-12-03 18:35:57

【问题描述】：

我创建了简单的 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"
          
        ]
      
    ]
  

【问题讨论】：

我通过重新加载时间戳来解决它：window.location = '/' + Date.now();

【参考方案1】：

按F12（浏览器工具）→应用→缓存→右键→刷新缓存。