When I access "/notice" to display cached content, it will automatically redirect to "/notice/" by default homepage "/"

[kongyijilafumi]

How do I configure PWA

• When I visit "/notice"
  
  

• When I visit "/notice/", it will redirect to homepage "/"
  
  

so,what can i reslove this problem?

[userquin]

using SSR? if so check vite-pwa/sveltekit#65 and vite-pwa/sveltekit#65 (comment)

[kongyijilafumi]

using SSR? if so check vite-pwa/sveltekit#65 and vite-pwa/sveltekit#65 (comment)

@userquin
there is my config file

// nuxt.config.ts
  pwa: {
    strategies: 'generateSW',
    registerType: "prompt",
    manifest : {
      name: 'xxx',
      short_name: 'xxx',
    },
    workbox: {
      globPatterns: ['**/*.{js,css,html,png,svg,ico,jpg,mp3}'],
      runtimeCaching: [
        {
          urlPattern: new RegExp(`^http.*\.(js|css|html|png|svg|ico|jpg|mp3)\/?$`),
          handler: "CacheFirst",
          options: {
            cacheName: 'assets-cache',
            expiration: {
              maxEntries: 10,
              maxAgeSeconds: 60 * 60 * 24 * 30, // <== 30 days
            },
            cacheableResponse: {
              statuses: [0, 200],
            },
            matchOptions: {
              ignoreSearch: true,
            },
          },
        }
      ]
    },
    client: {
      installPrompt: true,
      // you don't need to include this: only for testing purposes
      // if enabling periodic sync for update use 1 hour or so (periodicSyncForUpdates: 3600)
      periodicSyncForUpdates: 3600,
    },
    devOptions: {
      enabled: true,
      suppressWarnings: true,
      navigateFallback: '/',
      navigateFallbackAllowlist: [/^\/$/],
      type: 'module',
    },
  }

I use nuxt generate to build static web content, and then I access the /motion/ question as the title suggests. My website is using static content. How can I configure the nuxt.config.ts file to achieve the desired effect?

[kongyijilafumi]

I resolved this problem.I configuration pwa.workbox.navigateFallbackDenylist.

// nuxt.config.ts
pwa:{
  workbox: {
    navigateFallbackDenylist: [
      /\/$/,
      /\?\w+/,
    ],
  }
}

and then, It will not redirect to homepage "/".