google-chrome - 关闭应用后Vue PWA黑屏

Question

我创建了一个 PWA 应用程序，它工作正常。

Problem is:

用户在桌面上安装 PWA，它工作正常，但在关闭并重新打开后显示空白页面。

同样在移动设备上，将网站添加到主页后会显示空白页面。

var deferredPrompt;

友情链接

https://gogrocery.tk

Answer 1

问题在于 manifest.json start_url .

{
  "name": "front-end",
  "short_name": "front-end",
  "icons": [
    {
      "src": "./img/icons/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "./img/icons/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": "./index.html",
  "display": "standalone",
  "background_color": "#000000",
  "theme_color": "#4DBA87"
}

一旦安装浏览器用户 index.html作为起始 URL，并且不会呈现应用程序。您应该更改 start_url至 /或有 /index.html渲染应用程序。