Nuxt•11mo ago•

4 replies

Layered Nuxt apps: How to remove routeRules defined in a base layer from an extending layer?

Okay, I'm working with layered Nuxt applications. I have

app1

app1

which is the base layer, and

app2

app2

which extends

app1

app1

. In

app1

app1

, I've configured several

routeRules

routeRules

in the

nuxt.config.ts

nuxt.config.ts

. Now, in

app2

app2

, I want to effectively remove or override some of the

routeRules

routeRules

that were set in

app1

app1

. How can I achieve this?

For example, if

app1

app1

has a

routeRules

routeRules

entry like this:

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

app2

app2

, I want to somehow disable or remove the

/some-path

/some-path

redirect rule that was defined in

app1

app1

. Crucially, I don't want to have to explicitly list each path I want to remove in

app2

app2

(like telling Nuxt hooks to ignore '/some-path'). I'm looking for a more automatic way for

app2

app2

to override or discard specific

routeRules

routeRules

from

app1

app1

without manual intervention for each rule I want to discard. What's the recommended approach for this in a layered setup?

Nuxt•11mo ago•

4 replies

DANANZ M1

Layered Nuxt apps: How to remove routeRules defined in a base layer from an extending layer?

Okay, I'm working with layered Nuxt applications. I have

app1

app1

which is the base layer, and

app2

app2

which extends

app1

app1

. In

app1

app1

, I've configured several

routeRules

routeRules

in the

nuxt.config.ts

nuxt.config.ts

. Now, in

app2

app2

, I want to effectively remove or override some of the

routeRules

routeRules

that were set in

app1

app1

. How can I achieve this?

For example, if

app1

app1

has a

routeRules

routeRules

entry like this:

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

// app1/nuxt.config.ts
export default defineNuxtConfig({
  routeRules: {
    '/some-path': { redirect: '/new-path' },
    // ... other rules
  }
})

app2

app2

, I want to somehow disable or remove the

/some-path

/some-path

redirect rule that was defined in

app1

app1

. Crucially, I don't want to have to explicitly list each path I want to remove in

app2

app2

(like telling Nuxt hooks to ignore '/some-path'). I'm looking for a more automatic way for

app2

app2

to override or discard specific

routeRules

routeRules

from

app1

app1

without manual intervention for each rule I want to discard. What's the recommended approach for this in a layered setup?

Layered Nuxt apps: How to remove routeRules defined in a base layer from an extending layer?

Similar Threads

Layered Nuxt apps: How to remove routeRules defined in a base layer from an extending layer?

Similar Threads

Similar Threads

Similar Threads