Redirect inside asyncData

I want to redirect to a named route inside asyncData, my nuxt project is

ssr: false

ssr: false

I have something like this in my Page component:

async asyncData({ store, params, query, $axios, redirect }) {
  // ...some logic
  if (purchaseTransaction.status === 'confirmed') {
      redirect({
        name: 'exchange-status',
        params: { id: purchaseTransaction.exchange.id },
      });
  } 
// ...more logic

async asyncData({ store, params, query, $axios, redirect }) {
  // ...some logic
  if (purchaseTransaction.status === 'confirmed') {
      redirect({
        name: 'exchange-status',
        params: { id: purchaseTransaction.exchange.id },
      });
  } 
// ...more logic

I have a

router.js

router.js

file I use to extend some routes with

extendRoutes

extendRoutes

in my nuxt config.

My route is defined like this:

  {
      path: '/estado-canje/:id',
      name: 'exchange-status',
      component: resolve(__dirname, 'pages_ignore/exchange/status.vue'),
    },

  {
      path: '/estado-canje/:id',
      name: 'exchange-status',
      component: resolve(__dirname, 'pages_ignore/exchange/status.vue'),
    },

I get redirected to my home instead and I get this error in the browser console:

[vue-router] Route with name 'exchange-status' does not exist

[vue-router] Route with name 'exchange-status' does not exist

I can enter the route directly without problems but I have no idea why redirect doesn't work

Nuxt•17mo ago•

1 reply

JuanMCe

Redirect inside asyncData

I want to redirect to a named route inside asyncData, my nuxt project is

ssr: false

ssr: false

I have something like this in my Page component:

async asyncData({ store, params, query, $axios, redirect }) {
  // ...some logic
  if (purchaseTransaction.status === 'confirmed') {
      redirect({
        name: 'exchange-status',
        params: { id: purchaseTransaction.exchange.id },
      });
  } 
// ...more logic

async asyncData({ store, params, query, $axios, redirect }) {
  // ...some logic
  if (purchaseTransaction.status === 'confirmed') {
      redirect({
        name: 'exchange-status',
        params: { id: purchaseTransaction.exchange.id },
      });
  } 
// ...more logic

I have a

router.js

router.js

file I use to extend some routes with

extendRoutes

extendRoutes

in my nuxt config.

My route is defined like this:

  {
      path: '/estado-canje/:id',
      name: 'exchange-status',
      component: resolve(__dirname, 'pages_ignore/exchange/status.vue'),
    },

  {
      path: '/estado-canje/:id',
      name: 'exchange-status',
      component: resolve(__dirname, 'pages_ignore/exchange/status.vue'),
    },

I get redirected to my home instead and I get this error in the browser console:

[vue-router] Route with name 'exchange-status' does not exist

[vue-router] Route with name 'exchange-status' does not exist

I can enter the route directly without problems but I have no idea why redirect doesn't work

Redirect inside asyncData

Similar Threads

Redirect inside asyncData

Similar Threads

Similar Threads

Similar Threads