Vue.js PWA不';当路由器处于历史记录模式时无法加载(基于Vue CLI 3的项目)

Vue.js PWA不';当路由器处于历史记录模式时无法加载(基于Vue CLI 3的项目),vue.js,progressive-web-apps,vue-cli,workbox,workbox-webpack-plugin,Vue.js,Progressive Web Apps,Vue Cli,Workbox,Workbox Webpack Plugin,我有一个基于Vue CLI 3的应用程序,我想作为PWA使用。 我需要它在历史模式下工作,因为散列会介入重定向,我正在做的重定向是基于OAuth的身份验证过程的一部分 当路由处于散列模式时,管理将fine作为PWA加载。一旦我将模式更改为“历史”,我安装的PWA将不再加载-我将得到一个白色屏幕。我检查了浏览器版本,它仍然可以正常工作(我在NGINX服务器中将回退配置为index.html)。 首先,我使用vue CLI项目和PWA插件提供的默认设置。在做了一些研究之后,我在vue.config.

我有一个基于Vue CLI 3的应用程序,我想作为PWA使用。 我需要它在历史模式下工作,因为散列会介入重定向,我正在做的重定向是基于OAuth的身份验证过程的一部分

当路由处于散列模式时,管理将fine作为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");
但还是没用。即使该应用程序在我的移动设备主屏幕上成功注册,它也不会运行,除非我将路由改回哈希模式

有人知道我可能遗漏了什么吗


谢谢

尝试
/index.html
而不是
index.html

我也有同样的问题,我通过在router.js的末尾添加这个来解决它

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