Nuxt.js: middleware redirect page, nuxt loading dont finish

[gongzhibin]

Version

v2.3.4

Reproduction link

https://nuxtjs.org

Steps to reproduce

When using a custom loading component, router to one pageA, start in nuxt loading components excute, but middleware redirect to pageB( eg: login page )

What is expected ?

pageA: finish in nuxt loding components should excute.

What is actually happening?

pageA: finish in nuxt loding components dont excute.

_{This bug report is available on Nuxt community (#c8247)}

[aldarund]

Please create a reproduction

[gongzhibin]

custom nuxtLoading component:

<template>
    <div />
</template>

<script>
export default {
    data() {
    },
    methods: {
        start() {
            console.log('nuxt loading start');
        },
        finish() {
            console.log('nuxt loading start');
        }
    }
};
</script>

global middleware:

export default (ctx) => {
    ctx.redirect(pageB)
};

when go to pageA, I find nuxtLoading of pageA start but dont finish

[MauricioHernanCabrera]

The same thing happens to me, a loop is generated in the middleware

[manniL]

@gongzhibin @MauricioHernanCabrera Please create a CSB for reproduction via https://template.nuxtjs.org/

[MauricioHernanCabrera]

@manniL I apologize for the inconvenience, it was just a problem with other dependencies of my project

[manniL]

Closing this based on @MauricioHernanCabrera's comment :relaxed:

If the issue persists, please @ me here

[gongzhibin]

@manniL https://codesandbox.io/s/yqrm9rwz89
you click button 'to A and redirect B', and open console, you can find loading start and dont finish

[stale[bot]]

Thanks for your contribution to Nuxt.js!
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you would like this issue to remain open:

1. Verify that you can still reproduce the issue in the latest version of nuxt-edge
2. Comment the steps to reproduce it

Issues that are labeled as 🕐Pending will not be automatically marked as stale.

[ijunaid8989]

export default async ({ store, redirect, app }) => {
  /*global $nuxt*/
  if ($nuxt.$route.path == "/v2/cameras/add" && !store.getters.is_admin) {
    redirect("/v2/cameras")
  }
}

I am having the same issue and it doesn't stop loading

[MichaelGitArt]

Hey, Nuxt developers, how to fix this bug?