当路由器处于历史模式时，PWA 不会加载（基于 Vue CLI 3 的项目）

我有一个基于 Vue CLI 3 的应用程序，我想将其用作 PWA。 我需要它在历史模式下工作，因为哈希会介入我正在执行的基于 OAuth 的身份验证过程的一部分的重定向。

当路由处于哈希模式时，可以像 PWA 一样正常加载。一旦我将模式更改为“历史记录”，我安装的 PWA 将不再加载 - 我会看到白屏。我检查了浏览器版本，它仍然工作正常（我将 NGINX 服务器中的后备配置为 index.html）。 起初我使用了 vue CLI 项目和 PWA 插件提供的默认设置。经过一些研究后，我将以下内容添加到我的 vue.config.js 中：

pwa: {                     
  workboxOptions: {
    skipWaiting: true,
    navigateFallback: 'index.html'
  }
}

我看到以下内容确实添加到了 service-worker.js 中：

workbox.skipWaiting();    
...
workbox.routing.registerNavigationRoute("index.html");

但仍然没有帮助。即使该应用程序在我的移动设备的主屏幕上成功注册，它也不会运行，除非我将路由更改回哈希模式。

有谁知道我可能会错过什么？

Thanks

我有同样的问题，我通过将其添加到 router.js 的末尾来解决它

{
  path: '*', // or '/index.html'
  beforeEnter: (to, from, next) => {
    next('/')
  }
}