Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

offlinePage not route offline requests to the specified path

See original GitHub issue

I tried with a new build after set up this in nuxt.config.js:

modules: [
    [
      "@nuxtjs/pwa",
      {
        manifest: {
          start_url: "/",
        },
        workbox: {
          offlinePage: "/offline.html",
        },
      },
    ],
  ],

I put the offline html in the static directory. It is working properly offline, but not redirect to the offline.html when the page is offline. Please help.

Issue Analytics

State:
Created 3 years ago
Reactions:12
Comments:10 (1 by maintainers)

Top GitHub Comments

1reaction

harish0507commented, Mar 9, 2021

Same issue here, offline.html is getting precached but offline routes are not getting redirected to /offline.html

nuxt.config.js

...
workbox: {
	dev: process.env.NODE_ENV === 'development',
	cleanupOutdatedCaches: true,
	offlinePage: '/offline.html',
	offlineAssets: ['/images/offline.png'],
	runtimeCaching: [
		{
			urlPattern: '/images/.*',
			handler: 'cacheFirst',
			strategyOptions: {
				cacheName: 'images',
				cacheExpiration: {
					maxEntries: 20,
					maxAgeSeconds: 3600,
				},
			},
		},
		{
			urlPattern: '/api/.*',
			handler: 'networkOnly',
		},
	],
}
...

0reactions

rttmaxcommented, Sep 28, 2022