• A continuación se muestra la configuración denuestra configuración nuxt y nuxt-pwa .
• Nuxt pwa está reconociendo una nueva versión disponible y solicitamos al usuario que realice una actualización/recarga completa.
• Y al recargar, la nueva interfaz de usuario también comienza a funcionar.
• Sin embargo, si abrimos el sitio en una nueva pestaña. Se muestra una rueda giratoria y la última interfaz no se carga. Y nuevamente, se requiere una actualización completa.
  • nuestra interfaz redirige a /dashboard al visitar localhost:8080 de forma predeterminada y esto se carga desde serviceworker con datos en caché.
  • Ayúdenos a resolver esto, ya que ha sido un problema crítico para nosotros.

Spinner visto en la apertura de una nueva pestaña:

 export default { ssr: false, target: 'static', head: { titleTemplate: '', title: 'NocoDB', meta: [ { charset: 'utf-8' }, { name: 'viewport', content: 'width=device-width, initial-scale=1' }, { hid: 'description', name: 'description', content: process.env.npm_package_description || '' } ], link: [ { rel: 'icon', type: 'image/x-icon', href: './favicon-32.png' } ] }, plugins: [ // plugins ], buildModules: [ '@nuxtjs/vuetify', '@nuxtjs/pwa' ], modules: [ // Doc: https://axios.nuxtjs.org/usage '@nuxtjs/axios', 'vue-github-buttons/nuxt', '@nuxtjs/toast' ], axios: { baseURL: process.env.NC_BACKEND_URL || (process.env.NODE_ENV === 'production' ? '..' : 'http://localhost:8080') }, router: { mode: 'hash', base: process.env.NODE_ENV === 'production' ? './' : '', middleware: ['auth'] }, vuetify: { defaultAssets: { icons: false }, optionsPath: '@/config/vuetify.options.js', treeShake: true, customVariables: ['./config/variables.scss'] }, build: { parallel: true, plugins: [ new MonacoEditorWebpackPlugin({ languages: ['sql', 'json', 'javascript'], features: ['!gotoSymbol'] }) ], extend(config, { isDev, isClient }) { if (isDev) { config.devtool = isClient ? 'source-map' : 'inline-source-map' } config.externals = config.externals || {} config.externals['@microsoft/typescript-etw'] = 'FakeModule' return config } }, pwa: { workbox: { assetsURLPattern: /\/_nuxt\//, config: { debug: true } }, icon: { publicPath: './' }, manifest: { name: 'NocoDB', start_url: '../?standalone=true', theme_color: '#ffffff' } } }

Informe del faro:

Referencia del problema de Github: https://github.com/nuxt-community/pwa-module/issues/501