<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clip

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

VitePWA only caches "/" and (as a possible result) only renders index (/) when running middleware code. about nuxt HOT 3 OPEN

vite-pwa commented on June 19, 2024

VitePWA only caches "/" and (as a possible result) only renders index (/) when running middleware code.

from nuxt.

Comments (3)

userquin commented on June 19, 2024

@Timtendo12 The plugin in dev will intercept only the entry point as you can see in your last screenshot, about the errors from background.js module you should check what's happening.

In elk.zone gh repo we use a middleware and the index page is using it, the page is empty, the middleware always navigate to another page: https://github.com/elk-zone/elk/blob/main/middleware/auth.ts

from nuxt.

Onyoursix commented on June 19, 2024

I upgraded from 0.0.7 to 0.1.0 and I have this exact same issue in dev mode. Reloading (or going direct) localhost:3000/LiterallyAnyPageHere to see changes being worked on will redirect me to /. Even more strange is if there's a query in the url localhost:3000/LiterallyAnyPageHere?c=something it will redirect me localhost:3000?c=something.

This has me scratching my head, because even when I downgrade back to 0.0.7, unregister the server worker, delete cache etc. The problem STILL persists. I'm at a loss on this issue. Disabling the plugin does "fix" the issue.

No idea if this screen shot helps, mainly did it because OP did. There are no errors in my console or messages, just redirects as if it's hard programmed into every page.

from nuxt.

Onyoursix commented on June 19, 2024

Just an update, I found a fix for this.

When I manually added strategies: 'generateSW', to my nuxt.confit.ts pwa settings that seemed to fix it. I know that's supposed to be the default mode, but manually adding it seems to fix my issue. Here are my pwa config settings

    pwa: {
        strategies: 'generateSW',
        registerType: 'autoUpdate',
        manifest: {
            name: "myApp",
            short_name: "myApp",
            description: "myApp",
            theme_color: "#00d6e6",
            icons: [
                {
                    src: "img/icons/apple-touch-icon-76x76.png",
                    sizes: "64x64",
                    type: 'image/png'
                },
                {
                    src: "img/icons/apple-touch-icon-152x152.png",
                    sizes: "144x144",
                    type: 'image/png'
                },
                {
                    src: "img/icons/apple-touch-icon-180x180.png",
                    sizes: "180x180",
                    type: 'image/png'
                },
                {
                    src: "img/icons/android-chrome-192x192.png",
                    sizes: "192x192",
                    type: 'image/png'
                },
                {
                    src: "img/icons/android-chrome-512x512.png",
                    sizes: "512x512",
                    type: 'image/png'
                }
            ]
        },
        workbox: {
            navigateFallback: '/',
            globPatterns: ['**/*.{js,css,html,png,svg,ico}'],            
        },
        devOptions: {
            enabled: true,           
            navigateFallbackAllowlist: [/^\/$/],
            type: 'module',
        }
    },

from nuxt.

Recommend Projects

VitePWA only caches "/" and (as a possible result) only renders index (/) when running middleware code. about nuxt HOT 3 OPEN

Comments (3)

Related Issues (20)

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent